layout improvements

src/components/settings_modal/tabs/appearance_tab.vue

@@ -69,7 +69,17 @@
           </h4>
         </button>
       </ul>
-      <h3>{{ $t('settings.style.themes3.palette.label') }}</h3>
+      <div class="import-file-container">
+      <button
+        class="btn button-default"
+        @click="importFile"
+      >
+        <FAIcon icon="folder-open" />
+        {{ $t('settings.style.themes3.editor.load_style') }}
+      </button>
+      </div>
+      <div class="setting-item">
+        <h2>{{ $t('settings.style.themes3.palette.label') }}</h2>
         <div class="palettes">
           <template v-if="customThemeVersion === 'v3'">
             <h4>{{ $t('settings.style.themes3.palette.bundled') }}</h4>
@@ -118,11 +128,12 @@
           </template>
         </div>
       </div>
-    <div class="alert neutral theme-notice">
-      {{ $t("settings.style.appearance_tab_note") }}
     </div>
     <div class="setting-item">
       <h2>{{ $t('settings.scale_and_layout') }}</h2>
+      <div class="alert neutral theme-notice">
+        {{ $t("settings.style.appearance_tab_note") }}
+      </div>
       <ul class="setting-list">
         <li>
           <UnitSetting

src/i18n/en.json

@@ -778,7 +778,7 @@
         "editor": {
           "title": "Style",
           "reset_style": "Reset",
-          "load_style": "Open",
+          "load_style": "Open from file",
           "save_style": "Save",
           "style_name": "Stylesheet name",
           "style_author": "Made by",