Made saving settings a bit less of a pain

src/ext/conf/ExtensionConf.js

@@ -16,7 +16,7 @@ var ExtensionConf = {
                               // Any more and we don't adjust ar.
     allowedArVariance: 0.075, // amount by which old ar can differ from the new (1 = 100%)
     timers: {                 // autodetection frequency
-      playing: 666,           // while playing
+      playing: 333,           // while playing
       paused: 3000,           // while paused
       error: 3000,            // after error
       minimumTimeout: 5,

src/options/AutodetectionSettings.vue

@@ -535,6 +535,17 @@
         </div>
       </div>
     </div>
+
+    <div class="flex flex-row button-box sticky-bottom">
+      <Button label="Cancel"
+              @click.native="cancel()"
+      > 
+      </Button>
+      <Button label="Save settings"
+              @click.native="saveManual()"
+      >
+      </Button>
+    </div>
   </div>
 </template>
 
@@ -604,7 +615,23 @@ export default {
       }
 
       this.sensitivity = this.getSensitivity();
-    } 
+    },
+    saveManual(){
+      this.settings.save();
+      // this.parsedSettings = JSON.stringify(this.settings.active, null, 2);
+      // this.lastSettings = JSON.parse(JSON.stringify(this.settings.active));
+      const ths = this;
+      this.$nextTick( () => {
+        ths.parsedSettings = JSON.stringify(ths.lastSettings, null, 2) 
+        ths.lastSettings = JSON.parse(JSON.stringify(ths.settings.active))
+      });
+    },
+    cancel(){
+      this.parsedSettings = '';
+      this.settings.rollback();
+      const ths = this;
+      this.$nextTick( () => ths.parsedSettings = JSON.stringify(ths.lastSettings, null, 2) );
+    }
   }
 }
 </script>

src/options/SuperAdvancedSettings.vue

@@ -16,7 +16,9 @@
          contenteditable="true"
          @input="updateSettings"
     >{{parsedSettings}}</div>
-    <div class="flex flex-row button-box">
+
+
+    <div class="flex flex-row button-box sticky-bottom">
       <Button label="Cancel"
               @click.native="cancel()"
       > 

src/res/css/common.scss

@@ -307,3 +307,11 @@ small {
    margin-left: 10px;
    margin-top: -4px;
 }
+
+.sticky-bottom {
+  width: 100%;
+  position: sticky;
+  // position: fixed;
+  bottom: 0px;
+  background-color: rgba($background-primary, 0.7);
+}