links tab done (finally)

src/components/settings_modal/helpers/choice_setting.js

@@ -23,7 +23,10 @@ export default {
     ...Setting.computed,
     realOptions () {
       if (this.realSource === 'admin') {
-        if (!(this.backendDescriptionSuggestions?.length !== 0)) {
+        if (
+          !this.backendDescriptionSuggestions?.length ||
+            this.backendDescriptionSuggestions?.length === 0
+        ) {
           return this.options
         }
         return this.backendDescriptionSuggestions.map(x => ({

src/components/settings_modal/helpers/draft_buttons.vue

@@ -3,6 +3,7 @@
 <template>
   <span
     class="DraftButtons"
+    v-if="$parent.isDirty"
   >
     <Popover
       v-if="$parent.isDirty"
@@ -74,10 +75,8 @@ export default {
 .DraftButtons {
   display: inline-block;
   position: relative;
-
-  .button-default {
-    margin-left: 0.5em;
-  }
+  display: inline-flex;
+  gap: 0.5em;
 }
 
 .draft-tooltip {

src/components/settings_modal/helpers/number_setting.vue

@@ -4,7 +4,9 @@
     class="NumberSetting"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
+      class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
       <template v-if="backendDescriptionLabel">
@@ -32,7 +34,7 @@
       :onclick="reset"
     />
     <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"

src/components/settings_modal/helpers/setting.js

@@ -41,6 +41,12 @@ export default {
       type: String,
       default: undefined
     },
+    hideDraftButtons: { // this is for the weird backend hybrid (Boolean|String or Boolean|Number) settings
+      type: Boolean
+    },
+    hideLabel: {
+      type: Boolean
+    },
     hideDescription: {
       type: Boolean
     },
@@ -265,6 +271,7 @@ export default {
       }
     },
     reset () {
+      console.log('RS', this.state, this.draft)
       if (this.realDraftMode) {
         this.draft = cloneDeep(this.state)
       } else {

src/components/settings_modal/helpers/string_setting.vue

@@ -4,6 +4,7 @@
     class="StringSetting"
   >
     <label
+      v-if="!hideLabel"
       :for="path"
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
@@ -31,7 +32,7 @@
       :onclick="reset"
     />
     <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
+    <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"