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

@@ -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>