Align checkboxes to middle

2025-11-22 11:31:36 +01:00 · 2023-05-19 13:24:39 +02:00
parent ab7f43364f
commit 7ca783eb62
1 changed files with 11 additions and 1 deletions
--- 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>