From f6f51d976956f080d7302b01e3c7e978f691ff5d Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Mon, 14 Oct 2024 09:19:08 -0500
Subject: Improve layout and styling of sidebar content

---
 .../macro-display-pheno-dataset-card.html          | 24 ++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

(limited to 'uploader/templates/phenotypes/macro-display-pheno-dataset-card.html')

diff --git a/uploader/templates/phenotypes/macro-display-pheno-dataset-card.html b/uploader/templates/phenotypes/macro-display-pheno-dataset-card.html
index 1121443..11b108b 100644
--- a/uploader/templates/phenotypes/macro-display-pheno-dataset-card.html
+++ b/uploader/templates/phenotypes/macro-display-pheno-dataset-card.html
@@ -7,16 +7,24 @@
   <div class="card-body">
     <h5 class="card-title">Phenotypes' Dataset</h5>
     <div class="card-text">
-      <dl>
-        <dt>Name</dt>
-        <dd>{{dataset.Name}}</dd>
+      <table class="table">
+        <tbody>
+          <tr>
+            <td>Name</td>
+            <td>{{dataset.Name}}</td>
+          </tr>
 
-        <dt>Full Name</dt>
-        <dd>{{dataset.FullName}}</dd>
+          <tr>
+            <td>Full Name</td>
+            <td>{{dataset.FullName}}</td>
+          </tr>
 
-        <dt>Short Name</dt>
-        <dd>{{dataset.ShortName}}</dd>
-      </dl>
+          <tr>
+            <td>Short Name</td>
+            <td>{{dataset.ShortName}}</td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   </div>
 </div>
-- 
cgit v1.2.3