luci-material-theme: align text buttons center

[project/luci.git] / themes / luci-theme-material / htdocs / luci-static / material / cascade.css

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 dbb2d148c5131abd112cb9ffb9f93f1c631de5b0..4bf9740860392abbe30f8d92791ba798c109792f 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -76,7 +76,8 @@
        background: inherit;
 }
 
-.td[width="33%"] {
+.td[width="33%"], 
+.td[width="33%"]~.td {
        padding: 1.1em;
 }
 
@@ -199,6 +200,7 @@ input,
        background-color: transparent;
        background-image: none;
        box-shadow: none;
+       align-items: center;
 }
 
 select,
@@ -536,7 +538,6 @@ header > .fill > .container > .status > * {
 }
 
 .main > .main-left > .nav > li {
-       padding: .5rem 1rem;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
@@ -557,6 +558,19 @@ header > .fill > .container > .status > * {
        color: var(--menu-color);
 }
 
+.main > .main-left > .nav > li.active > a {
+       color: #fff;
+}
+
+.main > .main-left > .nav > li.active {
+       background-color: #09c;
+       background-color: var(--submenu-bg-hover-active);
+}
+
+.main > .main-left > .nav > li.slide.active {
+       background-color: unset;
+}
+
 .main > .main-left > .nav > .slide {
        padding: 0;
 }
@@ -570,7 +584,8 @@ header > .fill > .container > .status > * {
 }
 
 .main > .main-left > .nav > .slide > .menu,
-.main > .main-left > .nav > li > [data-title="Logout"] {
+.main > .main-left > .nav > li > [data-title="Logout"],
+.main > .main-left > .nav > li > [data-title="Dashboard"] {
        font-size: 1.15rem;
        font-weight: 500;
        display: flex;
@@ -1637,7 +1652,6 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
 
 .cbi-progressbar::after {
        font-family: monospace;
-       font-size: 1.3em;
        font-weight: bold;
        font-size-adjust: .38;
        line-height: normal;
@@ -1892,7 +1906,6 @@ td > .ifacebadge,
 
 #syslog {
        font-size: small;
-       line-height: 1.25;
        overflow-y: hidden;
        width: 100%;
        min-height: 15rem;
@@ -2329,6 +2342,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;
@@ -2638,7 +2657,7 @@ input[name="nslookup"] {
        .main > .main-left > .nav > li,
        .main > .main-left > .nav > li a,
        .main > .main-left > .nav > .slide > .menu,
-       .main > .main-left > .nav > li > [data-title="Logout"] {
+       .main > .main-left > .nav > li:last-child > [data-title] {
                font-size: .9rem;
        }