From ae4e8165b098e33d14942e6f6f0e870053440099 Mon Sep 17 00:00:00 2001
From: Niko <niko@meowing.zip>
Date: Sat, 18 Apr 2026 17:07:28 -0700
Subject: [PATCH] made the settings page better

---
 index.html | 6 +++---
 styles.css | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index da9c8c6..bf6be55 100644
--- a/index.html
+++ b/index.html
@@ -23,15 +23,15 @@
 		  <i class="db2" tabindex="1"></i>
 		  <a style="font-size: 14px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-gear"></i>settings</a>
 		   <div id="settings" class="settings-popup">
-		   		<a style="margin-bottom: 5px; font-size: 12px; color: light-dark(#d20f39, #f38ba8);">settings saved with javascript enabled</a>
+		   		<a style="margin: 3px; font-size: 11px; color: light-dark(#d20f39, #f38ba8);">settings saved with javascript enabled</a>
 				<radio-picker>
-					  <a style="font-size: 14px; color: var(--foreground); 	margin-top: 9px;">theme:</a>
+					  <a style="justify-content: center; align-items: center; text-align: left; display: flex; font-size: 14px; color: var(--foreground);">theme:</a>
 					  <label for="theme-auto"><input type="radio" name="theme" id="theme-auto" value="auto" checked>auto</label>
 					  <label for="theme-light"><input type="radio" name="theme" id="theme-light" value="light">light</label>
 					  <label for="theme-dark"><input type="radio" name="theme" id="theme-dark" value="dark">dark</label>
 				</radio-picker>
 				<checkbox-picker>
-					<a style="font-size: 14px; color: var(--foreground);">accessibility:</a>
+					<a style="text-align: left; margin-left: 7px; font-size: 14px; color: var(--foreground);">accessibility:</a>
 					<label for="disable-bg"><input type="checkbox" id="disable-bg" name="background">disable background</label>
 					<label for="disable-animations"><input type="checkbox" id="disable-animations" name="animations">animations</label>
 				</checkbox-picker>
diff --git a/styles.css b/styles.css
index b052afd..4b40991 100644
--- a/styles.css
+++ b/styles.css
@@ -8,7 +8,7 @@
 	    &:has(input:focus-visible) {
 	      outline: 2px dashed var(--accent);
 	    }
-	    padding: 5px;
+	    padding: 8px;
 	    margin: 5px;
 	    cursor: pointer;
 	    background: var(--crust);
@@ -31,6 +31,7 @@
 	    &:active { background: var(--accent); }
 	    font-size: 14px;
 	    padding: 5px;
+	    margin-left: 4px; 
 	    border-radius: 12px;
 	    display: flex; 
 	  }
-- 
2.51.2