#168 rearranged settings, font color to bottom

asterics · Jan 23, 2025 · d2ae8dd · d2ae8dd
1 parent 39af59b
commit d2ae8dd
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/vue-components/views/settings/settingsAppearance.vue b/src/vue-components/views/settings/settingsAppearance.vue
@@ -48,13 +48,6 @@
                                 <option :value="TextConfig.TOO_LONG_ELLIPSIS">{{ $t('ellipsisDotDotDot') }}</option>
                             </select>
                         </div>
-                        <div class="srow">
-                            <label class="three columns" for="fontColor">
-                                <span>{{ $t('fontColor') }}</span>
-                            </label>
-                            <input id="fontColor" v-model="metadata.textConfig.fontColor" class="five columns" type="color" @change="saveMetadata(metadata)">
-                            <button class="three columns" @click="metadata.textConfig.fontColor = constants.DEFAULT_ELEMENT_FONT_COLOR; saveMetadata(metadata)">{{ $t('reset') }}</button>
-                        </div>
                         <div class="srow">
                             <label class="three columns" for="maxLines">{{ $t('maximumNumberOfLines') }}</label>
                             <select id="maxLines" v-model="metadata.textConfig.maxLines" class="five columns" @change="saveMetadata(metadata)">
@@ -69,6 +62,13 @@
                         <div class="srow mb-2">
                             <slider-input label="onlyTextLineHeight" id="onlyTextLineHeight" min="1" max="3" step="0.1" v-model.number="metadata.textConfig.onlyTextLineHeight" @change="saveMetadata(metadata)"/>
                         </div>
+                        <div class="srow">
+                            <label class="three columns" for="fontColor">
+                                <span>{{ $t('fontColor') }}</span>
+                            </label>
+                            <input id="fontColor" v-model="metadata.textConfig.fontColor" class="five columns" type="color" @change="saveMetadata(metadata)">
+                            <button class="three columns" @click="metadata.textConfig.fontColor = constants.DEFAULT_ELEMENT_FONT_COLOR; saveMetadata(metadata)">{{ $t('reset') }}</button>
+                        </div>
                         <div class="srow">
                             <input id="autoSizeKeyboardLetters" type="checkbox" v-model="metadata.textConfig.autoSizeKeyboardLetters" @change="saveMetadata(metadata)"/>
                             <label for="autoSizeKeyboardLetters">{{ $t('autoSizeKeyboardLetters') }}</label>