From 9ee398af19646f48f858d82786a8477c2be86a1f Mon Sep 17 00:00:00 2001
From: NBTX <nbtx@telegenic.me>
Date: Thu, 31 Oct 2019 16:36:59 +0000
Subject: [PATCH] Fix legend labels in Firefox, fix colored labels slider

---
 assets/css/styles.scss | 6 +++++-
 pages/settings.vue     | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index f873039c1..1792f5a68 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -252,13 +252,17 @@ fieldset {
 }
 
 legend {
-  display: flex;
+  display: inline-block;
   align-items: center;
   justify-content: center;
   color: var(--fg-color);
   font-weight: 700;
   cursor: pointer;
 
+  * {
+    vertical-align: middle;
+  }
+
   i {
     margin-left: 8px;
   }
diff --git a/pages/settings.vue b/pages/settings.vue
index cbbf69b29..c5437f18d 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -37,7 +37,7 @@
       </ul>
       <ul>
         <li>
-          <h3 class="title">Frames</h3>
+          <h3 class="title">Labels</h3>
           <span>
             <pw-toggle
               :on="settings.FRAME_COLORS_ENABLED"
@@ -240,6 +240,9 @@
       toggleSetting(key) {
         this.settings[key] = !this.settings[key];
         this.$store.commit("postwoman/applySetting", [key, this.settings[key]]);
+        this.$router.replace('/settings', {
+            force: true
+        });
       }
     },
     beforeMount() {