Merge pull request #47 from kieler/nre/flex

Update option-inputs.tsx
kieler · Nov 27, 2024 · 586e72e · 586e72e
2 parents 7da3d71 + c892a90
commit 586e72e
Showing 1 changed file with 14 additions and 12 deletions.
diff --git 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>
     );
-}
+}