From c529297129e7f532c6d428ce6428cb5f34b2ca6d Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Sun, 15 Jun 2025 14:17:57 +0200
Subject: Fix horizontal scroll on small screens and remove counts

---
 src/components/NameLink.astro |  2 +-
 src/pages/index.astro         | 10 ++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/NameLink.astro b/src/components/NameLink.astro
index 8ceb7e1..35f2916 100644
--- a/src/components/NameLink.astro
+++ b/src/components/NameLink.astro
@@ -22,7 +22,7 @@ const sizeClasses = {
 };
 ---
 
-<span class={sizeClasses[size]}>
+<span class={`${sizeClasses[size]} break-words`}>
   {nameParts.map((part, index) => (
     <>
       {index > 0 && " "}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0a29f75..afc872e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -103,9 +103,6 @@ const url = "https://namehack.club";
 				>
 					<span class="text-2xl">💎</span>
 					<span>Members</span>
-					<span class="text-lg text-gray-500 font-light"
-						>({members.length})</span
-					>
 				</h2>
 				<ul
 					class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
@@ -131,16 +128,13 @@ const url = "https://namehack.club";
 				>
 					<span class="text-2xl">⭐</span>
 					<span>Candidates</span>
-					<span class="text-lg text-gray-500 font-light"
-						>({candidates.length})</span
-					>
 				</h2>
 				<ul
-					class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2"
+					class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-2"
 				>
 					{
 						candidates.map((name) => (
-							<li class="p-1 rounded hover:bg-gray-50 transition-colors duration-200 text-center text-xs">
+							<li class="p-1 rounded hover:bg-gray-50 transition-colors duration-200 text-center text-xs overflow-hidden">
 								<NameLink name={name} size="small" />
 							</li>
 						))
-- 
cgit v1.3.1