Add options page link in popup

1 files changed, 37 insertions, 3 deletions

diff --git a/popup.html b/popup.html
index bab3b7b6..a788eab4 100644
--- a/popup.html
+++ b/popup.html
@@ -1,16 +1,50 @@
 <style>
+  * {
+    margin: 0px;
+    padding: 0px;
+  }
+
   #vimiumPopup { width: 300px; }
-  #popupInput { width: 200px; }
+  #excludeControls {
+    padding: 10px;
+  }
+  #popupInput { width: 180px; }
   #popupButton { margin-left: 10px; }
+
+  #popupMenu ul {
+    list-style: none;
+  }
+
+  #popupMenu a, #popupMenu a:active, #popupMenu a:visited {
+    color: #3F6EC2;
+    display: block;
+    border-top: 1px solid #DDDDDD;
+    padding: 3px;
+    padding-left: 10px;
+  }
+
+  #popupMenu a:hover {
+    background: #EEEEEE;
+  }
 </style>
 
 <div id="vimiumPopup">
-  <input id="popupInput" type="text" />
-  <input id="popupButton" type="button" value="Exclude URL" />
+  <div id="excludeControls">
+    <input id="popupInput" type="text" />
+    <input id="popupButton" type="button" value="Exclude URL" />
+  </div>
+
+  <div id="popupMenu">
+    <ul>
+      <li><a id="optionsLink" target="_blank">Options</a></li>
+    </ul>
+  </div>
 </div>
 
+
 <script type="text/javascript">
   function onLoad() {
+    document.getElementById("optionsLink").setAttribute("href", chrome.extension.getURL("options.html"));
     chrome.tabs.getSelected(null, function(tab) {
       // The common use case is to disable Vimium at the domain level.
       // This regexp will match "http://www.example.com/" from "http://www.example.com/path/to/page.html".