From e7ab5230c69bd3f37e0f6195387155506b7d6ee5 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Fri, 17 Jan 2025 10:04:11 -0600
Subject: UI: Don't overflow the data previews elements

Ensure that the preview data does not overflow the preview elements.
---
 uploader/templates/phenotypes/macro-display-preview-table.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'uploader')

diff --git a/uploader/templates/phenotypes/macro-display-preview-table.html b/uploader/templates/phenotypes/macro-display-preview-table.html
index 7509158..f54c53e 100644
--- a/uploader/templates/phenotypes/macro-display-preview-table.html
+++ b/uploader/templates/phenotypes/macro-display-preview-table.html
@@ -2,8 +2,8 @@
 <div class="card" style="max-width: 676px;">
   <div class="card-body">
     <h5 class="card-title">Phenotypes '{{filetype | title}}' File Preview</h5>
-    <div class="card-text">
-      <table id="{{tableid}}" class="table table-condensed table-responsive" style="overflow: hidden;">
+    <div class="card-text" style="overflow: scroll;">
+      <table id="{{tableid}}" class="table table-condensed table-responsive">
         <thead>
           <tr>
           </tr>
-- 
cgit v1.2.3