luci-theme-bootstrap: fix cbi-value caption alignment

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

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 abc130a0e4ab5275fa677194b52c282ca18a6a3d..c707479c48b3b619243b68326f6b6fb25c711e3b 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -502,11 +502,6 @@ pre {
 /* Forms.less
  * Base styles for various input types, form layouts, and states
  * ------------------------------------------------------------- */
 /* Forms.less
  * Base styles for various input types, form layouts, and states
  * ------------------------------------------------------------- */

-form,
-.cbi-value {
-       margin-bottom: 18px;
-}
-

 fieldset {
        margin-bottom: 9px;
        padding-top: 9px;
 fieldset {
        margin-bottom: 9px;
        padding-top: 9px;


@@ -536,17 +531,20 @@ textarea {
        line-height: normal;
 }
 
        line-height: normal;
 }
 

-form .input,
+.cbi-value {
+       display: flex;
+       margin-bottom: 18px;
+}
+

 .cbi-value-field {
 .cbi-value-field {

-       margin-left: 200px;
+       margin-left: 20px;

 }
 
 .cbi-value label.cbi-value-title {
        padding-top: 6px;
        font-size: 13px;
        line-height: 18px;
 }
 
 .cbi-value label.cbi-value-title {
        padding-top: 6px;
        font-size: 13px;
        line-height: 18px;

-       float: left;
-       width: 180px;
+       flex: 0 0 180px;

        text-align: right;
        color: var(--text-color-high);
 }
        text-align: right;
        color: var(--text-color-high);
 }