luci-theme: alignment fixes
authorPaul Donald <redacted>
Wed, 14 Jan 2026 00:43:48 +0000 (01:43 +0100)
committerPaul Donald <redacted>
Sun, 18 Jan 2026 17:14:40 +0000 (18:14 +0100)
These help to align read-only items with their title elements.

Signed-off-by: Paul Donald <redacted>
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css

index e29356b33a966c787699d92db8aa14e8d88d3b89..d4d83f73dd376243f27b3acffb414813adcec5ae 100644 (file)
@@ -545,6 +545,7 @@ select {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 18px;
+       align-items: baseline;
 }
 
 .cbi-value-field {
index da1d7fe281e21e1b3b4fc6d824437b999477e27e..c6d02b22d1da8a99b4a719ffa4f97bed1f023208 100644 (file)
@@ -172,6 +172,7 @@ header h3 a, header .brand {
                border-bottom: 1px solid var(--border-color-high);
                margin-bottom: .5em;
                display: block;
+               align-items: baseline;
        }
 
        .cbi-value.hidden {
index 338d7b4fb39c880bd29a12b00db8f55a3f18ec65..0251e4b050ef0b431837bab394880dca5d2c7e2c 100644 (file)
@@ -1257,6 +1257,7 @@ td > table > tbody > tr > td,
        display: inline-block;
        width: 100%;
        padding: .35rem 1rem .2rem 1rem;
+       align-items: baseline;
 }
 
 .cbi-value ul {
index cd8fef6a2741e6dc53c8f8c72dc1eccb179ab29e..cc800bab24c5e577104374d82701a684fde45a3f 100644 (file)
@@ -1123,6 +1123,7 @@ textarea {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 1em 0;
+       align-items: baseline;
 }
 
 .cbi-value > label:first-child {
index 7e4791c7577474f6112ed9e4466d86a018da9bac..889f1205319a4e8f1336a67d8fc90e91de81f6b3 100644 (file)
@@ -802,6 +802,7 @@ table td, table th {
        vertical-align: middle;
        padding: 0.25em 0.6em;
        border-bottom: 1px dotted #bbbbbb;
+       align-items: baseline;
 }
 
 .cbi-value:hover {
git clone https://git.99rst.org/PROJECT