# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2020-06-21 19:32:15
# Node ID 8d6a7e174b0329fb9410b0bc3545ae4aee55eec5
# Parent  0617a88e0daa5a2e911dfd8f264528ed50745770

diff: refactor table styling to clarify how classes are applied to tr or td

The styling is so specific that the generic selectors are misleading.

The font styling will now also be put on the <td> instead of just on the <a> it
might contain.

diff --git a/kallithea/front-end/kallithea-diff.less b/kallithea/front-end/kallithea-diff.less
--- a/kallithea/front-end/kallithea-diff.less
+++ b/kallithea/front-end/kallithea-diff.less
@@ -105,31 +105,31 @@ BIN_FILENODE = 6
     border-color: rgba(0, 0, 0, 0.3);
   }
 
-  /* line numbers */
-  .lineno {
+  /* line number columns */
+  td.lineno {
     padding-left: 2px;
     padding-right: 2px !important;
     width: 30px;
     border-right: 1px solid @panel-default-border !important;
     vertical-align: middle !important;
-    text-align: center;
-  }
-  .lineno.new {
-    text-align: right;
-  }
-  .lineno.old {
-    text-align: right;
-  }
-  .lineno a {
-    color: #aaa !important;
     font-size: 11px;
     font-family: @font-family-monospace;
     line-height: normal;
+    text-align: center;
+  }
+  td.lineno.new {
+    text-align: right;
+  }
+  td.lineno.old {
+    text-align: right;
+  }
+  td.lineno a {
+    color: #aaa !important;
     padding-left: 6px;
     padding-right: 6px;
     display: block;
   }
-  .line:hover .lineno a {
+  tr.line:hover td.lineno a {
     color: #333 !important;
   }
   /** CODE **/