Improved popup style

pages/popup/popup.css

@@ -28,13 +28,13 @@ header {
     padding: 10px 8px;
 }
 
-.panel:not(:last-child) {
-    padding: 10px 8px 0px 8px;
-}
-
 .subpanel {
     overflow: hidden;
-    padding-bottom: 10px;
+}
+
+.subpanel:last-child {
+    border-bottom: solid #d3d3d3 1px;
+    padding-bottom: 3px;
 }
 
 footer {
@@ -42,15 +42,13 @@ footer {
     padding: 8px;
 }
 
-#more-injections-section {
-    padding: 10px 8px;
-    font-weight: bold;
-    border-bottom: 1px solid #d8d8d8;
+.content {
+    padding: 8px;
 }
 
-/* #more-injections-section > p {
-    padding: 0px;
-} */
+#more-injections-section {
+    font-weight: bold;
+}
 
 /**
  * Fonts
@@ -163,7 +161,7 @@ footer {
 
 .icon-logo {
     height: 26px;
-    padding: 14px 6px 14px 8px;
+    padding: 5px 6px 5px 8px;
     width: 26px;
 }
 
@@ -216,8 +214,7 @@ footer {
     transform: scale(1.3);
 }
 
-#options-button-svg,
-#donate-button-svg {
+#options-button-svg, #donate-button-svg {
     background-size: cover;
     width: 15px;
     height: 15px;
@@ -236,14 +233,13 @@ footer {
   cursor: pointer;
   float: right;
   user-select: none;
-  padding: 6px 0 0 4px;
 }
 
 .switch {
   position: relative;
   display: inline-block;
   width: 40px;
-  height: 22px;
+  height: 18px;
 }
 
 .switch input {
@@ -260,16 +256,16 @@ footer {
   right: 0;
   bottom: 0;
   background-color: #b40000;
-  -webkit-transition: .4s;
-  transition: .4s;
+  -webkit-transition: .1s;
+  transition: .1s;
   border-radius: 34px;
 }
 
 .slider:before, .slider-disabled:before {
   position: absolute;
   content: "";
-  height: 18px;
-  width: 18px;
+  height: 14px;
+  width: 14px;
   left: 2px;
   bottom: 2px;
   background-color: #f9f9fa;
@@ -283,9 +279,9 @@ input:checked + .slider {
 }
 
 input:checked + .slider:before {
-  -webkit-transform: translateX(18px);
-  -ms-transform: translateX(18px);
-  transform: translateX(18px);
+  -webkit-transform: translateX(22px);
+  -ms-transform: translateX(22px);
+  transform: translateX(22px);
 }
 
 .slider-disabled {
@@ -378,7 +374,6 @@ input:checked + .slider:before {
     display: flex;
     font-style: italic;
     overflow: hidden;
-    padding: 6px 0 0 4px;
     white-space: nowrap;
 }
 

pages/popup/popup.js

@@ -479,7 +479,7 @@ popup._onToggled = function () {
     chrome.tabs.reload(popup._targetTab.id, {bypassCache});
     setTimeout(function () {
         popup._close();
-    }, 300);
+    }, 200);
 };
 
 popup._close = function () {