Improve warning message styling

PikachuEXE · Sep 25, 2022 · f2d1718 · f2d1718
1 parent 596a758
commit f2d1718
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/renderer/components/experimental-settings/experimental-settings.sass b/src/renderer/components/experimental-settings/experimental-settings.sass
@@ -1,6 +1,7 @@
 @use "../../sass-partials/settings"
 
 .experimental-warning
+  text-align: center
   font-weight: bold
   padding:
     left: 4%

diff --git a/src/renderer/components/experimental-settings/experimental-settings.vue b/src/renderer/components/experimental-settings/experimental-settings.vue
@@ -6,10 +6,10 @@
       </h3>
     </summary>
     <hr>
+    <p class="experimental-warning">
+      {{ $t('Settings.Experimental Settings.Warning') }}
+    </p>
     <ft-flex-box>
-      <p class="experimental-warning">
-        {{ $t('Settings.Experimental Settings.Warning') }}
-      </p>
       <ft-toggle-switch
         tooltip-position="top"
         :label="$t('Settings.Experimental Settings.Replace HTTP Cache')"