From 0a35fcc543496ac0dd6927908be7129a3192975b Mon Sep 17 00:00:00 2001
From: E44 <129310925+programmer-44@users.noreply.github.com>
Date: Sat, 3 Jan 2026 15:13:35 +0100
Subject: [PATCH] chore(control): improve zoom-in/zoom-out buttons

---
 control/frontend/src/routes/DisplayView.svelte |  8 ++++----
 control/frontend/src/routes/FileView.svelte    | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/control/frontend/src/routes/DisplayView.svelte b/control/frontend/src/routes/DisplayView.svelte
index ca2b445..24599c9 100755
--- a/control/frontend/src/routes/DisplayView.svelte
+++ b/control/frontend/src/routes/DisplayView.svelte
@@ -220,25 +220,25 @@
 						<div class="flex flex-row">
 							<Button
 								title="Bildschirme größer darstellen"
-								className="aspect-square p-1! rounded-r-none"
+								className="aspect-square p-1.5! pr-1! rounded-r-none"
 								bg="bg-stone-600"
 								disabled={!Boolean(next_height_step_size('display', $current_height, 1))}
 								click_function={() => {
 									change_height('display', 1);
 								}}
 							>
-								<ZoomIn />
+								<ZoomIn class="size-full" />
 							</Button>
 							<Button
 								title="Bildschirme kleiner darstellen"
-								className="aspect-square p-1! rounded-l-none"
+								className="aspect-square p-1.5! pl-1! rounded-l-none"
 								bg="bg-stone-600"
 								disabled={!Boolean(next_height_step_size('display', $current_height, -1))}
 								click_function={() => {
 									change_height('display', -1);
 								}}
 							>
-								<ZoomOut />
+								<ZoomOut class="size-full" />
 							</Button>
 						</div>
 					</div>
diff --git a/control/frontend/src/routes/FileView.svelte b/control/frontend/src/routes/FileView.svelte
index 512096f..3cdbe09 100755
--- a/control/frontend/src/routes/FileView.svelte
+++ b/control/frontend/src/routes/FileView.svelte
@@ -246,28 +246,28 @@
 		<span class="text-xl font-bold pl-2 content-center truncate min-w-0">
 			Dateien anzeigen und verwalten
 		</span>
-		<div class="flex flex-ro">
+		<div class="flex flex-row">
 			<Button
 				title="Dateien größer darstellen"
-				className="aspect-square p-1! rounded-r-none"
+				className="aspect-square p-1.5! pr-1! rounded-r-none"
 				bg="bg-stone-600"
 				disabled={!Boolean(next_height_step_size('file', $current_height, 1))}
 				click_function={() => {
 					change_height('file', 1);
 				}}
 			>
-				<ZoomIn />
+				<ZoomIn class="size-full" />
 			</Button>
 			<Button
 				title="Dateien kleiner darstellen"
-				className="aspect-square p-1! rounded-l-none"
+				className="aspect-square p-1.5! pl-1! rounded-l-none"
 				bg="bg-stone-600"
 				disabled={!Boolean(next_height_step_size('file', $current_height, -1))}
 				click_function={() => {
 					change_height('file', -1);
 				}}
 			>
-				<ZoomOut />
+				<ZoomOut class="size-full"/>
 			</Button>
 		</div>
 	</div>