From 858fcf750d04ab5c932d67557a438168ddb7de4c Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Tue, 17 Mar 2026 23:56:59 +0100
Subject: [PATCH] Small changes

---
 app/components/MobileNav.module.css            | 5 +++--
 app/components/layout/GlobalSearch.module.css  | 7 ++++---
 app/features/friends/routes/friends.module.css | 1 +
 app/features/tournament/tournament.module.css  | 7 +++++++
 app/styles/common.css                          | 2 ++
 5 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css
index a0b12fafb..b56f594e8 100644
--- a/app/components/MobileNav.module.css
+++ b/app/components/MobileNav.module.css
@@ -320,9 +320,10 @@
 	font-size: var(--font-2xs);
 	color: var(--color-text-high);
 	text-decoration: none;
-	padding: var(--s-1) var(--s-3);
+	height: var(--selector-size);
+	padding: 0 var(--s-3);
 	background-color: var(--color-bg-high);
-	border-radius: var(--radius-field);
+	border-radius: var(--radius-selector);
 
 	& svg {
 		stroke-width: 3;
diff --git a/app/components/layout/GlobalSearch.module.css b/app/components/layout/GlobalSearch.module.css
index 343af1d87..dc6175ccd 100644
--- a/app/components/layout/GlobalSearch.module.css
+++ b/app/components/layout/GlobalSearch.module.css
@@ -165,7 +165,8 @@
 	display: flex;
 	align-items: center;
 	gap: var(--s-1);
-	padding: var(--s-1) var(--s-2);
+	padding: 0 var(--s-2);
+	height: var(--field-size-sm);
 	border-radius: var(--radius-field);
 	font-size: var(--font-xs);
 	cursor: pointer;
@@ -246,8 +247,8 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 28px;
-	height: 28px;
+	height: var(--field-size-sm);
+	aspect-ratio: 1 / 1;
 	border: 1px solid var(--color-border);
 	border-radius: var(--radius-field);
 	background-color: var(--color-bg);
diff --git a/app/features/friends/routes/friends.module.css b/app/features/friends/routes/friends.module.css
index 9b43a3326..1f9321b4b 100644
--- a/app/features/friends/routes/friends.module.css
+++ b/app/features/friends/routes/friends.module.css
@@ -19,4 +19,5 @@
 	justify-content: space-between;
 	flex-wrap: wrap;
 	gap: var(--s-2);
+	margin-block-end: var(--s-2);
 }
diff --git a/app/features/tournament/tournament.module.css b/app/features/tournament/tournament.module.css
index 685ab2109..c254a31ce 100644
--- a/app/features/tournament/tournament.module.css
+++ b/app/features/tournament/tournament.module.css
@@ -116,10 +116,17 @@
 
 .logoContainer {
 	display: flex;
+	flex-direction: column;
 	align-items: center;
 	gap: var(--s-4);
 }
 
+@container (width >= 480px) {
+	.logoContainer {
+		flex-direction: row;
+	}
+}
+
 .logo {
 	border-radius: var(--radius-avatar);
 	min-width: 124px;
diff --git a/app/styles/common.css b/app/styles/common.css
index cec4dd3b8..eb1bb4f26 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -332,6 +332,8 @@
 			margin: 0.5rem;
 			translate: -0.5rem;
 			max-height: 50dvh;
+			scrollbar-width: thin;
+			scrollbar-color: var(--color-bg-higher) transparent;
 		}
 
 		/* biome-ignore lint: experimental CSS feature */