Override extjs's rather harsh stylesheet so the library detail page is legible

[htsworkflow.git] / htsworkflow / frontend / templates / samples / library_detail.html

diff --git a/htsworkflow/frontend/templates/samples/library_detail.html b/htsworkflow/frontend/templates/samples/library_detail.html
index 8838944de26b1dac5d1a3c9aeedc324f452805ef..b246d434dba9f687dd62647d8cde0f267e4a452e 100644 (file)
--- a/htsworkflow/frontend/templates/samples/library_detail.html
+++ b/htsworkflow/frontend/templates/samples/library_detail.html
@@ -23,14 +23,34 @@
   div#librarydetail tbody {
     text-align: right;
   }
-  /* ]]> */
+  div#librarydetail h1,
+  div#librarydetail h2
+  {
+    font-size: 150%;
+    padding: 0.5em 0 0.5em 0;
+  }
+
+  div#librarydetail h3 {
+     font-size: 125%;
+     padding: 0 0 0.25em 2em;
+  }
+
+  div#librarydetail h4,
+  div#librarydetail h5,
+  div#librarydetail ul,
+  div#librarydetail ol,
+  div#librarydetail li
+  {
+    padding-left: 2em;
+  }
+ /* ]]> */
 </style>
 {% endblock %}
 
 {% block content %}
 <div id="librarydetail">
   <h2>About this library</h2>
-  <b>Library ID</b>: {{ lib.library_id }}<br/>
+  <b>Library ID</b>: {{ lib.id }}<br/>
   <b>Name</b>: {{ lib.library_name }}<br/>
   <b>Species</b>: {{ lib.library_species.scientific_name }}<br/>
   <b>Affiliations</b>:
@@ -66,7 +86,7 @@
     </td>
     <td>
       {% if result.storage_ids %}
-        {{ result.storage_ids }}
+        {{ result.storage_ids|safe }}
       {% endif %}
     </td>
   </tr>