From 10ba223e88302e99736b4cb8f99f9ee56c732d89 Mon Sep 17 00:00:00 2001
From: FFBest <48610365+FFBest@users.noreply.github.com>
Date: Tue, 25 May 2021 22:07:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20argon=20=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E5=A5=BD=E5=A4=9A=E4=B8=8D=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=EF=BC=8C=E6=94=B9=20cbi-value=20=E7=9B=B8=E5=85=B3=E6=88=90=20?=
 =?UTF-8?q?flex=EF=BC=8Cchrome=2090=20=E5=81=9A=E4=BA=86=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=20(#6879)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: BestZF <realtozf@qq.com>
---
 .../htdocs/luci-static/argon/css/style.css    | 47 +++++++++++++------
 1 file changed, 32 insertions(+), 15 deletions(-)

diff --git a/package/lean/luci-theme-argon/htdocs/luci-static/argon/css/style.css b/package/lean/luci-theme-argon/htdocs/luci-static/argon/css/style.css
index d209dfaa9..ef33d542c 100644
--- a/package/lean/luci-theme-argon/htdocs/luci-static/argon/css/style.css
+++ b/package/lean/luci-theme-argon/htdocs/luci-static/argon/css/style.css
@@ -627,18 +627,20 @@ fieldset {
     font-style: normal;
     line-height: 1;
     font-family: inherit;
-
     min-width: inherit;
     overflow-x: auto;
     overflow-y: hidden;
-
     border: 1px solid rgba(0,0,0,.05);
     border-radius: .375rem;
     background-color: #fff;
     box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
-
     -webkit-overflow-scrolling: touch;
 }
+fieldset.cbi-section {
+	margin-bottom: 0.5rem;
+	margin-top: 0;
+	padding: 1rem;
+}
 
 .cbi-map-descr + fieldset {
     margin-top: 1rem;
@@ -678,13 +680,13 @@ table {
 
 table > tbody > tr > td,  table > tfoot > tr > td, table > thead > tr > td {
 	font-size: .8125rem;
-    white-space: nowrap;
+	white-space: nowrap;
 	color: #525f7f;
 	padding: 1rem;
-    padding-right: 1.5rem;
-    padding-left: 1.5rem;
-    border-top: 1px solid #ddd;
-    white-space: nowrap;
+	padding-right: 1.5rem;
+	padding-left: 1.5rem;
+	border-top: 1px solid #ddd;
+	white-space: nowrap;
 }
 
 table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > th {
@@ -707,6 +709,16 @@ padding-right: 1.5rem;
 .cbi-section-table-row {
     text-align: center;
 }
+.cbi-section-table-row .cbi-value-field {
+	display:table-cell;
+	padding: 0 1.5rem;
+	line-height: 2rem;
+}
+.cbi-section-table-row .cbi-value-field .cbi-button {
+	line-height: 1rem;
+	height:auto;
+	padding:.375rem .625rem
+}
 
 fieldset > table > tbody > tr:nth-of-type(2n) {
     background-color: #f9f9f9;
@@ -899,6 +911,7 @@ form.inline + form.inline,
 
 .cbi-tabmenu > li:hover {
     background-color: #F1F1F1;
+    /* padding-bottom: .625rem; */
 }
 .cbi-tabmenu > li:hover  > a{
     color: #525f7f;
@@ -914,7 +927,7 @@ form.inline + form.inline,
 
 .cbi-tabmenu {
     background-color: #adb5bd;
-	margin
+    /* margin-bottom: -.375rem; */
 }
 
 .cbi-section-remove:nth-of-type(2n),
@@ -935,8 +948,11 @@ form.inline + form.inline,
 
 .cbi-value-field,
 .cbi-value-description {
-    display: table-cell;
-    line-height: 1.25;
+    display: flex;
+    align-items:center;
+}
+.cbi-value-field {
+	flex:0 1 100%
 }
 
 .cbi-value-helpicon > img {
@@ -950,7 +966,6 @@ form.inline + form.inline,
 .cbi-value-description {
     font-size: small;
     opacity: 0.5;
-    padding: 0.5rem 0 0 0;
 }
 
 .cbi-value-title {
@@ -959,7 +974,7 @@ form.inline + form.inline,
     line-height: 1.6;
     color: #525f7f;
     padding: .7rem;
-	padding-left:0;
+    padding-left:0;
     width: 23rem;
     float: left;
     text-align: right;
@@ -968,8 +983,9 @@ form.inline + form.inline,
 
 .cbi-value {
     padding: 0.3rem 1rem;
-    display: inline-block;
+    display: flex;
     width: 100%;
+    align-items: center;
 }
 
 .cbi-section-table-descr > .cbi-section-table-cell,
@@ -1188,7 +1204,7 @@ td > .ifacebadge {
 
 .cbi-value-field .cbi-input-checkbox,
 .cbi-value-field .cbi-input-radio {
-    margin-top: 0.5rem;
+    /* margin-top: 0.5rem; */
     height: 1rem;
 }
 
@@ -1198,6 +1214,7 @@ td > .ifacebadge {
 
 .cbi-value-field > ul > li {
     display: flex;
+    align-items: center;
 }
 
 .cbi-value-field > ul > li > label {