From 0669070aee49395fa7c072b51262c1032ec92115 Mon Sep 17 00:00:00 2001
From: Kevin Payravi <kevinpayravi@gmail.com>
Date: Mon, 24 Apr 2023 01:23:51 -0400
Subject: [PATCH] Settings styling adjustments

---
 settings.html | 26 ++++++++++++--------------
 settings.js   |  4 ++--
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/settings.html b/settings.html
index 43ccc71..39232f0 100644
--- a/settings.html
+++ b/settings.html
@@ -21,7 +21,7 @@
         border: none;
         color: #005799;
         background-color: #005799;
-        margin: .5em 0px;
+        margin: 1em 0 .5em 0;
       }
 
       h1 {
@@ -94,16 +94,15 @@
       .options {
         margin: 0 auto;
         box-sizing: border-box;
-        margin-bottom: 10px;
         padding: 6px 0px 12px 10px;
         user-select: none;
         width: fit-content;
       }
       .options .settingToggleContainer {
-        padding-bottom: 10px;
+        padding-bottom: .8em;
       }
       .options .settingToggleContainer:last-child {
-        padding: 0px;
+        padding-bottom: 0;
       }
 
       /* GLOBAL SETTING TOGGLES */
@@ -138,6 +137,7 @@
       #breezewikiHost {
         display: none;
         padding-left: 3em;
+        padding-top: .8em;
       }
       #breezewikiHost label {
         cursor: default;
@@ -307,17 +307,15 @@
               </label>
             </div>
             <div>
-              <div>
-                &nbsp;&nbsp;(<a href="https://breezewiki.com/" target="_blank"
-                  >learn more</a
-                >)
-              </div>
+              &nbsp;&nbsp;(<a href="https://breezewiki.com/" target="_blank"
+                >learn more</a
+              >)
             </div>
-          </div>
-          <div class="settingToggleContainer">
-            <div id="breezewikiHost" class="settingToggle">
-              <label for="breezewikiHostSelect">BreezeWiki Host:&nbsp;</label>
-              <select name="breezewikiHost" id="breezewikiHostSelect"></select>
+            <div class="settingToggleContainer">
+              <div id="breezewikiHost" class="settingToggle">
+                <label for="breezewikiHostSelect">BreezeWiki Host:&nbsp;</label>
+                <select name="breezewikiHost" id="breezewikiHostSelect"></select>
+              </div>
             </div>
           </div>
         </div>
diff --git a/settings.js b/settings.js
index 5c0b347..ec95b1e 100644
--- a/settings.js
+++ b/settings.js
@@ -160,7 +160,7 @@ async function loadOptions(lang) {
         inputFilter.classList = 'toggleFilter';
         inputFilter.type = 'checkbox';
         inputFilter.name = key;
-        inputFilter.title = 'Filter from search results on Google, Bing, and DuckDuckGo';
+        inputFilter.title = 'Filter ' + sites[i].origins_label + ' from Google, Bing, and DuckDuckGo';
         inputFilter.id = key + '-filter';
         inputFilter.lang = lang;
 
@@ -406,7 +406,7 @@ function setBreezeWiki(setting) {
     document.getElementById('breezewikiCheckbox').checked = false;
   }
   if (setting === 'on') {
-    breezewikiHost.style.display = 'inline';
+    breezewikiHost.style.display = 'inline-block';
     chrome.storage.sync.get({ 'breezewikiHost': null }, function (host) {
       if (!host.breezewikiHost) {
         fetch('https://bw.getindie.wiki/instances.json')