From c892a909d49b8f3b37caae26edbde21ca287239a Mon Sep 17 00:00:00 2001
From: Niklas Rentz <47597619+NiklasRentzCAU@users.noreply.github.com>
Date: Wed, 27 Nov 2024 15:28:53 +0100
Subject: [PATCH] Update option-inputs.tsx

fixed flex layout in chrome for option checkboxes
---
 .../options/components/option-inputs.tsx      | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/extension/src-webview/options/components/option-inputs.tsx b/extension/src-webview/options/components/option-inputs.tsx
index c90023d8..874894e6 100644
--- a/extension/src-webview/options/components/option-inputs.tsx
+++ b/extension/src-webview/options/components/option-inputs.tsx
@@ -37,17 +37,19 @@ export function CheckOption(props: CheckOptionProps): VNode {
     // The sprotty jsx function always puts an additional 'props' key around the element, requiring this hack.
     props = (props as any as {props: CheckOptionProps}).props
     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>
     );
 }
 
@@ -191,4 +193,4 @@ export function DropDownMenuOption(props: DropDownMenuProps): VNode {
             </select>
         </div>
     );
-}
\ No newline at end of file
+}