fix: 调整按钮样式 (#2163)

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.

frontend/src/styles/element.scss

@@ -6,8 +6,8 @@ html {
     --el-menu-bg-color: rgba(0, 94, 235, 0.1) !important;
     --el-menu-item-bg-color: rgba(255, 255, 255, 0.3);
     --el-menu-item-bg-color-active: #ffffff;
-		--panel-menu-width: 180px;
-		--panel-menu-hide-width: 75px;
+    --panel-menu-width: 180px;
+    --panel-menu-hide-width: 75px;
     --panel-text-color: #1f2329;
     --panel-border: 1px solid #f2f2f2;
     --panel-button-active: #ffffff;
@@ -192,3 +192,20 @@ html {
 .el-card {
     border: none !important;
 }
+
+.el-input-group__append {
+    button.el-button {
+        span {
+            vertical-align: text-top !important;
+        }
+    }
+}
+
+.el-radio-button__inner {
+    [class*='el-icon'] + span {
+        margin-left: 6px;
+    }
+    span {
+        vertical-align: text-top !important;
+    }
+}

frontend/src/views/setting/panel/index.vue

@@ -30,11 +30,11 @@
                                 <el-radio-group @change="onSave('Theme', form.theme)" v-model="form.theme">
                                     <el-radio-button label="light">
                                         <el-icon><Sunny /></el-icon>
-                                        {{ $t('setting.light') }}
+                                        <span>{{ $t('setting.light') }}</span>
                                     </el-radio-button>
                                     <el-radio-button label="dark">
                                         <el-icon><Moon /></el-icon>
-                                        {{ $t('setting.dark') }}
+                                        <span>{{ $t('setting.dark') }}</span>
                                     </el-radio-button>
                                 </el-radio-group>
                             </el-form-item>