view/html: Unclutter tables.

1 files changed, 17 insertions, 8 deletions

diff --git a/assets/css/screen.css b/assets/css/screen.css
index d981818..c4e47dd 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -53,24 +53,33 @@ p + p {
 }
 
 thead {
-    border-bottom: 2px solid #ddd;
+    border-bottom: 1px solid #ddd;
     font-weight: bold;
+    line-height: 1.2em;
+    height: 5em;
+    vertical-align: bottom;
 }
 
-tr {
-    border-bottom: 1px solid #ddd;
+tr.heading th {
+    background-color: #f8f9fa;
+    font-weight: bold;
 }
 
 tr td:nth-child(3){
     min-width: 8rem;
 }
 
-tr.serious td:nth-child(1) {
-    background-color: #ff5a2a;
-    color: #fff;
+tr.serious svg {
+    fill: #ff5a2a;
+    margin-right: .5em;
+    height: 1.2em;
+    vertical-align: text-bottom;
 }
-tr.important td:nth-child(1) {
-    background-color: #feaaaa;
+tr.important svg {
+    fill: #000;
+    margin-right: .5em;
+    height: 1.2em;
+    vertical-align: text-bottom;
 }
 
 #header {