fix: 🎨 more styling fixes

tobycm · Jun 2, 2024 · 063f37f · 063f37f
1 parent 193fa78
commit 063f37f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -7,8 +7,8 @@
 }
 
 input[type="checkbox"] {
-  width: 2.5vh;
-  height: 2.5vh;
+  width: 3vh;
+  height: 3vh;
 }
 
 .avatar {

diff --git a/index.html b/index.html
@@ -250,9 +250,11 @@ <h1>Random Issue Picker</h1>
 
     <br />
 
-    <button style="margin-top: 2vh" onclick="openRandomIssue()">Pick random issue</button>
-    <input type="checkbox" id="openInNewTab" onchange="localStorage.setItem('openInNewTab', this.checked)" />
-    <label for="openInNewTab">Open in new tab</label>
+    <div style="display: flex; align-items: center; margin-top: 2vh">
+      <button onclick="openRandomIssue()">Pick random issue</button>
+      <input style="margin: 0 0 0 2vw" type="checkbox" id="openInNewTab" onchange="localStorage.setItem('openInNewTab', this.checked)" />
+      <label style="margin: 0 0 0 1vw" for="openInNewTab">Open in new tab</label>
+    </div>
 
     <script>
       if (localStorage.getItem("openInNewTab") === "true") document.getElementById("openInNewTab").checked = true;