wip: Add testing buttons

src/lib/components/sections/ControlSection.svelte

@@ -62,7 +62,7 @@
 			<label class="label" for="customText">
 				<span class="label-text">{m['section.control.text']()}</span>
 			</label>
-			<div class="flex gap-2">
+			<div class="flex flex-col gap-2 md:flex-row">
 				<InputField
 					id="customText"
 					maxLength="7"
@@ -78,19 +78,26 @@
 
 		<div class="">
 			<h3 class="mb-2 font-medium">{m['section.control.ledColor']()}</h3>
-			<div class="flex justify-between gap-2">
-				<div class="mb-4 flex flex-wrap gap-2">
-					{#if ledStatus.length > 0}
-						{#each ledStatus as led (led)}
-							<input
-								type="color"
-								class="btn btn-square"
-								bind:value={led.hex}
-								onchange={checkSyncLeds}
-							/>
-						{/each}
-					{/if}
-					<Toggle label={m['sections.control.keepSameColor']()} bind:checked={keepLedsSameColor} />
+			<div class="flex flex-col justify-between md:flex-row">
+				<div class="mb-4 flex flex-col flex-wrap gap-2">
+					<div class="flex gap-2">
+						{#if ledStatus.length > 0}
+							{#each ledStatus as led (led)}
+								<input
+									type="color"
+									class="btn btn-square"
+									bind:value={led.hex}
+									onchange={checkSyncLeds}
+								/>
+							{/each}
+						{/if}
+					</div>
+					<div class="flex gap-2">
+						<Toggle
+							label={m['sections.control.keepSameColor']()}
+							bind:checked={keepLedsSameColor}
+						/>
+					</div>
 				</div>
 				<div class="flex gap-2">
 					<button class="btn btn-secondary" onclick={turnOffLeds}
@@ -121,7 +128,7 @@
 		{/if}
 
 		<div>
-			<div class="flex justify-end gap-2">
+			<div class="flex gap-2 md:justify-end">
 				<button class="btn btn-error" onclick={restartClock}>{m['button.restart']()}</button>
 				<button class="btn" onclick={forceFullRefresh}>{m['button.forceFullRefresh']()}</button>
 			</div>