refac

src/lib/components/common/SplitCreateButton.svelte

@@ -48,7 +48,17 @@
 	};
 </script>
 
-{#if visibleActions.length}
+{#if visibleActions.length === 1}
+	<button
+		class="ml-1 rounded-lg bg-gray-50 px-2.5 py-1 text-xs text-gray-900 transition ring-1 ring-gray-200 hover:bg-gray-100 dark:bg-gray-850 dark:text-gray-100 dark:ring-gray-800 dark:hover:bg-gray-800"
+		type="button"
+		on:click={() => {
+			runAction(primaryAction);
+		}}
+	>
+		{$i18n.t(label)}
+	</button>
+{:else if visibleActions.length > 1}
 	<div
 		class="ml-1 flex overflow-hidden rounded-lg bg-gray-50 text-xs text-gray-900 transition ring-1 ring-gray-200 dark:bg-gray-850 dark:text-gray-100 dark:ring-gray-800"
 	>

src/lib/components/common/Valves.svelte

@@ -28,7 +28,7 @@
 				</div>
 
 				<button
-					class="p-1 px-3 text-xs flex rounded-sm transition"
+					class="px-2 py-1 text-xs flex rounded-lg transition hover:bg-gray-50/70 dark:hover:bg-gray-850/50"
 					type="button"
 					on:click={() => {
 						const propertySpec = valvesSpec.properties[property] ?? {};