luci-app-nlbw: simplify table CSS

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 6efaea2ffb46f9909038b85cf12e7acf4467ae2e)

diff --git a/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw.css b/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw.css
index dd24e5dffcfc78a2a6d7a188e82f3241da7eaa5b..402c527d2c64fca37efd82d04ba2c5d06094e540 100644 (file)
--- a/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw.css
+++ b/applications/luci-app-nlbwmon/htdocs/luci-static/resources/view/nlbw.css
@@ -84,31 +84,8 @@
        margin: 0;
 }
 
-.table .th,
-.table .td {
-       padding: 1px 3px !important;
-       border: 1px solid #ddd;
-}
-
-.table .td > a {
-       display: block;
-}
-
-.table .placeholder .td {
-       border: none;
-}
-
-.table .td.double {
-       padding: 0 !important;
-}
-
-.table .td.double > span {
+.td.double > span {
        display: block;
-       padding: 1px 3px;
-}
-
-.table .td.double > span:first-child {
-       border-bottom: 1px solid #ddd;
 }
 
 .cbi-tooltip {
@@ -116,58 +93,22 @@
 }
 
 @media screen and (max-width: 992px) {
-       .table .tr {
-               margin-bottom: 10px;
+       .td.hide-xs {
+               display: none;
        }
 
-       .table .th,
-       .table .td, .table .td.double {
-               padding: 1px 3px !important;
-               flex-basis: 50%;
+       .td.double:not(.hide-xs) > span {
+               white-space: nowrap;
+               text-align: left;
        }
 
-       .table .td, .table .td::before,
-       .table .th, .table .th::before {
-               text-align: left !important;
-               font-size: 14px;
-               border: none;
-       }
-
-       #host-data .td.hostname {
-               flex-basis: 100%;
-       }
-
-       #ipv6-data .td.double > span {
-               padding: 0;
-               border-bottom: none;
-       }
-
-       #ipv6-data .td.double > span:first-child::before {
+       .td.double:not(.hide-xs) > span:first-child::before {
                content: "IPv4: ";
-               font-style: italic;
-               font-size: 13px;
+               font-weight: bold;
        }
 
-       #ipv6-data .td.double > span:last-child::before {
+       .td.double:not(.hide-xs) > span:last-child::before {
                content: "IPv6: ";
-               font-style: italic;
-               font-size: 13px;
-       }
-
-       .cbi-tooltip {
-               width: 100%;
-               pointer-events: auto;
-               box-shadow: 0 0 10px 5px #000;
-               border-radius: 0;
-       }
-
-       .cbi-tooltip .table .th,
-       .cbi-tooltip .table .td {
-               flex-basis: 16%;
-               min-width: 100px;
-       }
-
-       .head .kpi {
-               font-size: 14px;
+               font-weight: bold;
        }
 }