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,22 +58,32 @@ const UserAgentSettings = () => {
         />
         <label>User Agent</label>
       </div>
-      <label>
+      <div
-        <input type="checkbox" checked={randomUA} onChange={randomize} />
+        style={{
-        Randomize every
+          margin: '6px 0 0 0',
-      </label>
+        }}
-      <label>
+      >
-        <input
+        <label
-          type="text"
-          value={interval}
-          onChange={changeInterval}
           style={{
-            width: '24px',
+            margin: '0 6px 0 0',
-            margin: '0 5px 0 0',
           }}
-        />
+        >
-        minutes
+          <input type="checkbox" checked={randomUA} onChange={randomize} />
-      </label>
+          Randomize every
+        </label>
+        <label>
+          <input
+            type="text"
+            value={interval}
+            onChange={changeInterval}
+            style={{
+              width: '24px',
+              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
+}