From b79a61781a8bd2ff6a66034f364019dcc8c0b637 Mon Sep 17 00:00:00 2001
From: frantzkamus <60623679+frantzkamus@users.noreply.github.com>
Date: Sun, 15 Mar 2020 08:28:50 +0000
Subject: [PATCH] Update (custom)options UI

---
 options.html        | 10 ++++++++--
 options_custom.html | 26 ++++++++++++++------------
 popup.html          |  6 +++---
 3 files changed, 25 insertions(+), 17 deletions(-)
diff --git a/options.html b/options.html
index 5ed7dae..49e9a1b 100644
--- a/options.html
+++ b/options.html
@@ -18,11 +18,16 @@
   <div>
     Selected sites will have their cookies cleared and referer set to Google. You should
     uncheck sites you have an account with or else you will be logged out at every visit.
-    Add your <a href="options_custom.html">custom sites</a>.
   </div>
   <br/>
-  <div style='float:right'><a href="options.html#save">to save-button</a></div>
+  <div style='float:left'>
+    <small><button><a href="options_custom.html" style="text-decoration:none;color:inherit">Custom sites</a></button></small>
+  </div>
+  <div style='float:right'>
+    <small><button><a href="options.html#save" style="text-decoration:none;color:inherit">Go to save</a></button></small>
+  </div>
   <div style="clear:both;"></div>
+  <br>
   <div id='bypass_sites'></div>
     <br/>
   <div id="status"></div>
@@ -33,6 +38,7 @@
   <span style='float:right;padding-bottom:50px'>
     <button id="select-all">Select all</button>
     <button id="select-none">Select none</button>
+    <button><a href="options_custom.html" style="text-decoration:none;color:inherit">Custom sites</a></button>
   </span>
   <script src="sites.js"></script>
   <script src="options.js"></script>
diff --git a/options_custom.html b/options_custom.html
index 1f0e768..bc98897 100644
--- a/options_custom.html
+++ b/options_custom.html
@@ -14,11 +14,10 @@
   </style>
 </head>
 <body>
-  <h1>Options Custom</h1>
+  <h2>Custom Sites</h2>
   <div>
-    Add new site: enter unique title/domain (without www.)<br/>
-    & options for googlebot/block javascript (only on (sub)domain).<br/>
-    Enable new site in <a href="options.html">options</a> (cookies removed by default).
+    To add new site, enter a unique title/domain (without www.) and select options for googlebot/block
+    javascript (only on (sub)domain). Then, enable your new site in <a href="options.html" style="color:black">Options</a> (cookies will be removed by default).
     <br/><br/>
   </div>
   <div id='add_site'></div>
@@ -26,12 +25,11 @@
   <div id="status_add"></div>
   <span style='float:left;padding-bottom:20px'>
     <button id="add">Add</button>
-  </span> 
+  </span>
   <div style="clear:both;"></div>
   <div>
-  <div>
-    List of custom sites<br/>
-    Disable deleted sites in <a href="options.html">options</a>.
+    <h3>List of custom sites</h3>
+    Disable deleted sites in <a href="options.html" style="color:black">options</a>.
   <br/><br/>
   </div>
   <div id='custom_sites'></div>
@@ -39,12 +37,12 @@
   <div id="status_delete"></div>
   <span style='float:left;padding-bottom:20px'>
     <button id="delete">Delete</button>
-  </span> 
+  </span>
   <div style="clear:both;"></div>
   <div>
-    Current custom sites (edit textarea & save).<br/>
-    Saves only when valid json-text; clear & save to reset.<br/>
-    Also possible to export/import json-text for new installation.
+    <h3>Json file</h3>
+    You can edit the text area and save (only when json-text is valid).<br/>
+    Clear & save to reset. You can also export/import json-text for new installations.
   </div>
   <br/>
   <div id='bypass_sites'></div>
@@ -53,10 +51,14 @@
   <div id="error"></div>
   <span style='float:left;padding-bottom:20px'>
     <button id="save">Save</button>
+  </span>
+  <span style='float:right'>
     <button id="export">Export</button>
     <button id="import">Import</button>
     <input type="file" id="importInput" accept=".txt" style="display:none"/>
+    <button><a href="options.html" style="text-decoration:none;color:inherit">options</a></button>
   </span>
+
  <script src="options_custom.js"></script>
 </body>
 </html>
diff --git a/popup.html b/popup.html
index e68a4c6..e5413f2 100644
--- a/popup.html
+++ b/popup.html
@@ -4,9 +4,9 @@
    <meta charset="utf-8">
 </head>
 <body>
-<div style="width:225px;"><strong>Bypass Paywalls Clean <span id="version"></span></strong>
-<br><a href="options.html">Options</a> | 
-<a href="https://github.com/magnolia1234/bypass-paywalls-chrome-clean/blob/master/README.md" target=”_blank”>GitHub</a>
+<div style="width:225px"><strong>Bypass Paywalls Clean <span id="version"></span></strong>
+<br><a href="options.html"style="color:black">Options</a> | 
+<a href="https://github.com/magnolia1234/bypass-paywalls-chrome-clean/blob/master/README.md" style="color:black" target=”_blank”>GitHub</a>
 <span id="version_new"></span></div>
 <script src="version.js"></script>
 </body>
