Improve layout and styling of sidebar content

1 files changed, 16 insertions, 8 deletions

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>