change column layout

ssciwr · Sep 25, 2024 · 4b6a9e9 · 4b6a9e9
1 parent f59574d
commit 4b6a9e9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/lib/components/DataInput/RadioList.svelte b/frontend/src/lib/components/DataInput/RadioList.svelte
@@ -3,8 +3,8 @@
 	export let value: any;
 </script>
 
-<div class={'flex grid w-full auto-cols-auto grid-flow-col flex-col ' + $$props.class}>
+<div class="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
 	{#each $$props.items as item, index}
-		<Radio bind:group={value} value={item.value}>{item.label}</Radio>
+		<Radio class="mx-2" bind:group={value} value={item.value}>{item.label}</Radio>
 	{/each}
 </div>