Centering button in popup

src/options/views/settings-view/settings-view.html

@@ -42,10 +42,10 @@ <h2 class="uk-align-center text-color-darker">Welcome to OptMeowt!</h2>
             <h2 class="uk-align-center text-color-darker">Welcome to OptMeowt!</h2>
         </div>
         <div class="uk-modal-body" style="font-size: 15px; text-align: center;">
-          OptMeowt requires host permissions to be enabled to work correclty. Please enable these permissions using the button below.
+          OptMeowt requires host permissions to be enabled to function correctly, please enable these permissions using the button below. Note that OptMeowt does not collect your data!
         </div>
         <div class="uk-modal-footer">
-          <button id="modal-button-4" class="text-color uk-button uk-button-default uk-align-center" style="margin: 0px 10px;">ENABLE</button>
+          <button id="modal-button-4" class="text-color uk-button uk-button-default" style="display: block; margin: 0 auto;">ENABLE</button>
         </div>
     </div>
   </div>

src/options/views/settings-view/settings-view.js

@@ -220,6 +220,7 @@ async function requestPermissionsButton() {
     // Check if permissions were granted or refused
     if (response) {
       console.log("Permissions were granted");
+      storage.set(stores.settings, true, "REQUEST_PERMISSIONS_SHOWN");
     } else {
       console.log("Permissions were refused");
     }
@@ -237,6 +238,7 @@ function requestPermissions() {
   modal.show();
   document.getElementById("modal-button-4").onclick = () => {
     requestPermissionsButton();
+    modal.hide();
   }
 }
 
@@ -282,5 +284,4 @@ export async function settingsView(scaffoldTemplate) {
     if (!requestShown) {
       requestPermissions();
     }
-    storage.set(stores.settings, true, "REQUEST_PERMISSIONS_SHOWN");
   }}