Formatted spacing of popup ui

src/pages/Popup/DebugSettings.js

@@ -14,7 +14,6 @@ const DebugSettings = ({ type, title, ip, profile, setProfile }) => {
         chrome.storage.sync.set({ [type]: ipTypeValue })
       }
     } else if (profile === 'custom') {
-      console.log(2)
       chrome.storage.sync.get([type], (result) => {
         console.log(type)
         console.log(result)

src/pages/Popup/Popup.jsx

@@ -130,7 +130,7 @@ const Popup = () => {
         <UserAgentSettings ip={ip} type="lat" title="Latitude" />
         <div
           style={{
-            margin: '12px 0 0 0',
+            margin: '8px 0 0 0',
             fontSize: '10px',
           }}
         >

src/pages/Popup/UserAgentSettings.js

@@ -58,7 +58,16 @@ const UserAgentSettings = () => {
         />
         <label>User Agent</label>
       </div>
-      <label>
+      <div
+        style={{
+          margin: '6px 0 0 0',
+        }}
+      >
+        <label
+          style={{
+            margin: '0 6px 0 0',
+          }}
+        >
           <input type="checkbox" checked={randomUA} onChange={randomize} />
           Randomize every
         </label>
@@ -69,11 +78,12 @@ const UserAgentSettings = () => {
             onChange={changeInterval}
             style={{
               width: '24px',
-            margin: '0 5px 0 0',
+              margin: '0 4px 0 0',
             }}
           />
           minutes
         </label>
+      </div>
     </>
   )
 }

src/pages/Popup/index.css

@@ -18,3 +18,10 @@ body {
   margin: 0;
   font-family: 'Segoe UI', Tahoma, sans-serif;
 }
+
+input[type=checkbox] {
+  vertical-align: middle;
+  position: relative;
+  bottom: 1px;
+  margin: 0 4px 0 0
+}