Fix legend labels in Firefox, fix colored labels slider

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;
   }

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() {