diff --git a/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue b/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue
index 62681b676..1d2826b90 100644
--- a/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue
+++ b/src/components/settings-panel/sub-pages/manage-panel/ManagePanel.vue
@@ -5,12 +5,6 @@
{{ config.title }}
-
-
+
+
+
+
@@ -312,14 +314,15 @@ export default Vue.extend({
}
}
&-title {
- .be-icon {
- margin-right: 6px;
- }
+ gap: 6px;
.title-text {
font-size: 16px;
@include semi-bold();
flex: 1 0 auto;
}
}
+ .search-item-row {
+ gap: 6px;
+ }
}
diff --git a/src/ui/_common.scss b/src/ui/_common.scss
index 85a683fa7..fff69fead 100644
--- a/src/ui/_common.scss
+++ b/src/ui/_common.scss
@@ -8,24 +8,32 @@
@mixin h-center($gap: 0) {
display: flex;
align-items: center;
- gap: $gap;
+ @if ($gap != 0) {
+ gap: $gap;
+ }
}
@mixin v-center($gap: 0) {
display: flex;
align-items: center;
flex-direction: column;
- gap: $gap;
+ @if ($gap != 0) {
+ gap: $gap;
+ }
}
@mixin h-stretch($gap: 0) {
display: flex;
align-items: stretch;
- gap: $gap;
+ @if ($gap != 0) {
+ gap: $gap;
+ }
}
@mixin v-stretch($gap: 0) {
display: flex;
align-items: stretch;
flex-direction: column;
- gap: $gap;
+ @if ($gap != 0) {
+ gap: $gap;
+ }
}
@mixin round-bar($height) {
box-sizing: border-box;