3 files changed, 17 insertions, 1 deletions
diff --git a/pages/popup/open.svg b/pages/popup/open.svg
new file mode 100644
index 00000000..04f56c15
--- /dev/null
+++ b/pages/popup/open.svg
@@ -0,0 +1,5 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'>
+  <path d='M384,224V408a40,40,0,0,1-40,40H104a40,40,0,0,1-40-40V168a40,40,0,0,1,40-40H271.48' style='fill:none;stroke:#FFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/>
+  <polyline points='336 64 448 64 448 176' style='fill:none;stroke:#FFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/>
+  <line x1='224' y1='288' x2='440' y2='72' style='fill:none;stroke:#FFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/>
+</svg>
\ No newline at end of file
diff --git a/pages/popup/popup.html b/pages/popup/popup.html
index 40cf3e7f..2f05f87f 100644
--- a/pages/popup/popup.html
+++ b/pages/popup/popup.html
@@ -8,7 +8,7 @@
   <link href="../styles.css" rel="stylesheet">
 </head>
 
-<body>
+<body class="popup">
   <header>
     <div class="logo-container">
       <img src="../../images/logo.png" alt="Privacy Redirect logo">
@@ -90,6 +90,13 @@
     </datalist>
   </section>
 
+  <footer>
+    <a class="button" id="more-options">
+      <span>More Options&nbsp;</span>
+      <img height="18px" src="open.svg" alt="more-options" />
+    </a>
+  </footer>
+
   <script src="./popup.js"></script>
 
 </body>
diff --git a/pages/popup/popup.js b/pages/popup/popup.js
index 9b30c039..172a66e7 100644
--- a/pages/popup/popup.js
+++ b/pages/popup/popup.js
@@ -103,3 +103,7 @@ disableBibliogram.addEventListener('change', event => {
 disableOsm.addEventListener('change', event => {
   browser.storage.sync.set({ disableOsm: !event.target.checked });
 });
+
+document.querySelector('#more-options').addEventListener('click', () => {
+  browser.runtime.openOptionsPage();
+});