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>
(cherry picked from commit 5d26fec0bf3701f5a0b875bacd0b2f3898449e96)

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 21a2291e5beff35313582576f6276419752ed331..5b7baebdbd627a0062c927d5a291b8cda79eb6f0 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1985,6 +1985,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 8a41e8c0cf40aa8535644b49dff566759aac00d5..d74077853a60973c3b793e794d58499a67446a2d 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -1776,6 +1776,7 @@ td > .ifacebadge,
 
 .network-status-table .ifacebox-body > span {
        flex: 10 10 auto;
+       height: 100%;
 }
 
 .network-status-table .ifacebox-body > div {

diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
index 26a08be463d9a1d6aae4d305e4295275bcda0c56..d6460532fa09fea09110b9e96f10e53ccfccddf8 100644 (file)
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
@@ -1632,6 +1632,7 @@ td > .ifacebadge,
 .network-status-table .ifacebox-body > span {
        flex: 10 10 auto;
        font-size: 12px;
+       height: 100%;
 }
 
 .network-status-table .ifacebox-body > div {