Completed chrome extension

goodies/chrome-extension/popup/css/background.css

@@ -1,6 +1,6 @@
 body {
     width: 300px;
-    height: 300px;
+    height: 310px;
     margin: 0 !important;
 }
 body .bgmask {

goodies/chrome-extension/popup/css/button.css

@@ -9,7 +9,17 @@ button {
         transform 0.15s ease;
 }
 
+button.small {
+    padding: 0.15em 1em;
+}
+
 button:hover {
+    transform: scale(1.075);
+    color: #fff;
+    background-color: #5954a4;
+}
+
+button.special:hover {
     /*background-color: #5954a4;*/
     color: #fff;
     animation: color-cycle;

goodies/chrome-extension/popup/css/typography.css

@@ -1,6 +1,6 @@
 * {
     font-family: 'ZillaSlab' !important;
-    color: #ddd;
+    color: #dadada;
 }
 
 p,

goodies/chrome-extension/popup/index.html

@@ -24,12 +24,14 @@
             <div class="flex flex-col align-items-center">
                 
                 <!-- Download this - button -->
-                <button id="button-download" title="Will download this pages URL as a video of highest quality.">
+                <button class="special" id="button-download" title="Will download this pages URL as a video of highest quality.">
                         Download!
                 </button>
                 
+                <!-- Tubio config form -->
                 <label for="tubio-address" style="margin-top: 3em;">Where can i reach tubio?</label>
                 <input type="text" id="tubio-address" class="text-center" />
+                <button class="small" id="button-save-settings" style="margin-top: 0.5em;">Save settings</button>
                 
             </div>
         </div>

goodies/chrome-extension/popup/js/script.js

@@ -20,3 +20,13 @@ $("#button-download").click(function() {
 
     return;
 });
+
+chrome.storage.local.get(['tubio_address'], function(result) {
+    $("#tubio-address").val(result.tubio_address);
+});
+
+$("#button-save-settings").click(function() {
+    chrome.storage.local.set({
+        tubio_address: $("#tubio-address").val()
+    });
+});