Fix a overview page style issue for various themes

Fixed a overview page style issue with interface boxes for
bootstrap, material and rosy themes.

The issue only appears in the Chrome browser and lies in the
fact that the block with the device name and MAC address gets
out of the  interface block.

Signed-off-by: Anton Kikin <a.kikin@tano-systems.com>
(backported from commit 5d26fec0bf3701f5a0b875bacd0b2f3898449e96)
Signed-off-by: Jo-Philipp Wich <jo@mein.io>

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index 260f5e31cc297c7aaa5630bee5a39b36efcd49fd..f13885aa3dedab3892d4158ef2801b0377f4f44e 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1892,6 +1892,7 @@ table table td,
 
 .network-status-table .ifacebox-body > span {
        flex: 10 10 auto;
+       height: 100%;
 }
 
 .network-status-table .ifacebox-body > div {

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index 4875c33f8db29eb988f21a860f36b292c3bf240a..393e0d33936b10042cdeb6b9a35f4f7f29b93203 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -1203,6 +1203,7 @@ td > .ifacebadge,
 
 .network-status-table .ifacebox-body > span {
     flex: 10 10 auto;
+    height: 100%;
 }
 
 .network-status-table .ifacebox-body > div {