From 7ca783eb621661c7e13cf4de76ba6be0a49e2c40 Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Fri, 19 May 2023 13:24:39 +0200
Subject: [PATCH] Align checkboxes to middle

---
 src/components/ThemeToggle.svelte | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ThemeToggle.svelte b/src/components/ThemeToggle.svelte
index 977bb29..94e86bd 100644
--- a/src/components/ThemeToggle.svelte
+++ b/src/components/ThemeToggle.svelte
@@ -25,7 +25,7 @@
   </svg>
   <div class="theme-toggle">
     {#each themeOptions as option, index}
-      <div>
+      <div class="input-wrapper">
         <input type="radio" id="theme-{option}" name="theme" value={option} bind:group={theme} on:change={saveTheme} />
         <label for="theme-{option}">{option}</label>
       </div>
@@ -44,4 +44,14 @@
     display: grid;
     gap: 0.5rem;
   }
+
+  input {
+    margin: 0;
+  }
+
+  .input-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
 </style>
\ No newline at end of file