From 763b263b5aaf4481fe9b130461563765b6c4306e Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Wed, 26 Nov 2025 17:00:24 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BC=D0=B5=D0=BD=D1=8C=D1=88=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=20=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B1=D0=B0=D1=80=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D0=BC?=
 =?UTF-8?q?=D0=B0=D0=BB=D1=8B=D1=85=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/NavBar.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index 84e5596..3ba5ee7 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <nav
-	class="flex shrink-0 flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:overflow-x-auto not-landscape:px-2 landscape:flex-col landscape:overflow-y-auto landscape:py-2"
+	class="flex shrink-0 flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:overflow-x-auto not-landscape:sm:px-2 landscape:flex-col landscape:overflow-y-auto landscape:sm:py-2"
 >
 	{#each routes as route (route.href)}
 		<a class="nav-button {isActive(route.href) ? 'active' : ''}" href={route.href}>
@@ -36,10 +36,10 @@
 	@import '$src/app.css';
 
 	.nav-button {
-		@apply flex aspect-square shrink-0 flex-col items-center justify-center gap-0.5 p-2 text-slate-950 not-landscape:h-24 hover:bg-emerald-400 landscape:w-24;
+		@apply flex aspect-square shrink-0 flex-col items-center justify-center gap-0.5 p-1 text-slate-950 not-landscape:h-20 hover:bg-emerald-400 sm:p-2 not-landscape:sm:h-24 landscape:w-20 landscape:sm:w-24;
 
 		> .contour {
-			@apply rounded-full px-1.5 py-0.5 text-center;
+			@apply rounded-full px-1 py-0.5 text-center sm:px-1.5;
 		}
 
 		&.active {