Merge pull request #209 from kieler/nre/flex

fixed flex layout in chrome for option checkboxes
kieler · Nov 27, 2024 · 43896d2 · 43896d2
2 parents 2948d5a + 0fda145
commit 43896d2
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/packages/klighd-core/src/options/components/option-inputs.tsx b/packages/klighd-core/src/options/components/option-inputs.tsx
@@ -35,17 +35,19 @@ type CheckOptionProps = BaseProps<boolean>
 /** Render a labeled checkbox input. */
 export function CheckOption(props: CheckOptionProps): VNode {
     return (
-        <label htmlFor={props.id} title={props.description ?? props.name}>
-            <input
-                class-options__input="true"
-                type="checkbox"
-                title={props.description ?? props.name}
-                id={props.id}
-                checked={props.value}
-                on-change={() => props.onChange(!props.value)}
-            />
-            {props.name}
-        </label>
+        <div class-options__column="true">
+            <label htmlFor={props.id} title={props.description ?? props.name}>
+                <input
+                    class-options__input="true"
+                    type="checkbox"
+                    title={props.description ?? props.name}
+                    id={props.id}
+                    checked={props.value}
+                    on-change={() => props.onChange(!props.value)}
+                />
+                {props.name}
+            </label>
+        </div>
     )
 }