Small cosmetic improvements in the popup

pages/popup/popup.css

@@ -20,6 +20,7 @@ header {
     display: flex;
     position: relative;
     padding: 8px 15px 8px 4px;
+    justify-content: space-between;
 }
 
 .panel {
@@ -87,7 +88,8 @@ footer {
     font-size: 14px;
     font-weight: 600;
     padding-left: 0;
-    width: 100%;
+    display: flex;
+    align-items: center;
 }
 
 .subheading {
@@ -148,7 +150,7 @@ footer {
 #get-more-injections-btn, #label-donate {
     cursor: pointer;
     background-color: #f0f0f0;
-    color: #737373;
+    color: #555;
     font-weight: 600;
     margin: 0px 5px;
 }
@@ -235,6 +237,10 @@ footer {
     background-image: url("../../icons/settings-dark.svg");
 }
 
+#options-button:hover {
+    filter: contrast(.5);
+}
+
 #donate-button-svg {
     background-image: url("../../icons/donate.svg");
 }
@@ -300,6 +306,14 @@ input:checked + .slider:before {
     cursor: not-allowed;
 }
 
+.slider:hover {
+    background-color: #7e0000;
+}
+
+input:checked + .slider:hover {
+    background-color: #4b806a;
+}
+
 #info-button-svg {
     background-image: url("../../icons/info-dark.svg");
     background-repeat: no-repeat;
@@ -345,6 +359,7 @@ input:checked + .slider:before {
 .label-version {
     color: #6aac91;
     font-size: 9px;
+    margin: 0px 0px 5px 2px;
 }
 
 .label-domain {

pages/popup/popup.html

@@ -12,8 +12,10 @@
         <script src="../../modules/internal/helpers.js"></script>
         <script src="popup.js"></script>
         <header>
-            <img class="icon-logo" src="../../icons/icon.svg" alt="Extension Icon">
-            <div class="heading"><span id="name-label"></span> <sup id="version-label" class="label-version"></sup></div>
+            <div class="heading">
+                <img class="icon-logo" src="../../icons/icon.svg" alt="Extension Icon">
+                <span id="name-label"></span> <sup id="version-label" class="label-version"></sup>
+            </div>
             <div id="donate-button">
                 <p id="label-donate" data-i18n-content="labelDonate">Donate</p>
                 <div id="donate-button-svg"></div>

pages/updates/updates.html

@@ -27,6 +27,7 @@
                             <li>Fixed bug in toggle of HTML filter (<a href="https://codeberg.org/nobody/LocalCDN/issues/33">#33</a>)</li>
                             <li>Updated i18n</li>
                             <li>Implemented: Instant update of domain lists on the options page (reported by email)</li>
+                            <li>Small cosmetic improvements in the popup</li>
                         </ul>
                     <div class="topic-label">
                         Generate rule sets for uBlock or uMatrix