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

diff --git a/htsworkflow/frontend/templates/samples/library_detail.html b/htsworkflow/frontend/templates/samples/library_detail.html
index 947691c5050deeebaf1c1c53af652b96c135af5b..b246d434dba9f687dd62647d8cde0f267e4a452e 100644 (file)
--- a/htsworkflow/frontend/templates/samples/library_detail.html
+++ b/htsworkflow/frontend/templates/samples/library_detail.html
@@ -23,7 +23,27 @@
   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 %}