From 79c7094f1f20daa54572b41fc0a7de2166db3668 Mon Sep 17 00:00:00 2001
From: nobody <info@localcdn.org>
Date: Mon, 5 Apr 2021 07:43:53 +0200
Subject: [PATCH] Welcome page optimized

---
 pages/welcome/welcome.css  | 5 +++--
 pages/welcome/welcome.html | 4 +---
 pages/welcome/welcome.js   | 1 +
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/welcome/welcome.css b/pages/welcome/welcome.css
index 93d3d5ac..fda4e22a 100644
--- a/pages/welcome/welcome.css
+++ b/pages/welcome/welcome.css
@@ -1,3 +1,4 @@
-form {
-    text-align: center;
+button {
+    display: block;
+    margin: 0 auto;
 }
diff --git a/pages/welcome/welcome.html b/pages/welcome/welcome.html
index 799f78b3..d18737c3 100644
--- a/pages/welcome/welcome.html
+++ b/pages/welcome/welcome.html
@@ -28,9 +28,7 @@
                 <li><strong>Block requests for missing resources:</strong> If a website requests an external resource that LocalCDN cannot deliver, this resource will be loaded from a CDN. For maximum privacy, you can disable this in the settings.</li>
                 <li><strong>Google fonts are blocked by default:</strong> If you want to load these external fonts from Google for all websites or only for certain websites, you can also change this in the settings.</li>
             </ul>
-            <form action="../options/options.html">
-                <input type="submit" value="Open settings" />
-            </form>
+            <button id="open-settings">Open settings</button>
         </div>
         <div class="btn-panel">
             <a class="btn btn-gitlab" href="https://codeberg.org/nobody/LocalCDN" target="_blank" rel="noopener noreferrer"><span class="btn-text">Source Code @Codeberg</span></a>
diff --git a/pages/welcome/welcome.js b/pages/welcome/welcome.js
index 0220e899..c7cfa125 100644
--- a/pages/welcome/welcome.js
+++ b/pages/welcome/welcome.js
@@ -30,6 +30,7 @@ welcome._onDocumentLoaded = function () {
     if (!BrowserType.FIREFOX) {
         document.getElementById('chromium-banner').style.display = 'block';
     }
+    document.getElementById('open-settings').addEventListener('mouseup', function () { chrome.runtime.openOptionsPage(); });
 };
 
 document.addEventListener('DOMContentLoaded', welcome._onDocumentLoaded);