luci-material-theme: make control-group flex

The control-group div does not flex. The buttons overflow the screen.

This change mades them flex.

Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>

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 f6cc45fa5b1865a3341a05dd99eeeaf81a9004fa..b14e6dcb49b66edce5b615073dd37a55e096e423 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -2340,6 +2340,12 @@ input[name="nslookup"] {
        margin-bottom: .2rem;
 }
 
+.control-group {
+       display: flex;
+       flex-wrap: wrap;
+       gap: 2px;
+}
+
 [data-page="admin-system-opkg"] div.btn {
        line-height: 3;
        display: inline;