From d34c9953b3a18e0ea52103a326fa298e00226654 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Tue, 15 Jul 2025 19:22:51 +0900
Subject: feat(frontend): tweak menu style

---
 frontend/src/components/MenuItem.tsx   |  2 +-
 frontend/src/components/Navigation.tsx | 16 +++++++---------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/MenuItem.tsx b/frontend/src/components/MenuItem.tsx
index 45358c8..d5be2c2 100644
--- a/frontend/src/components/MenuItem.tsx
+++ b/frontend/src/components/MenuItem.tsx
@@ -22,7 +22,7 @@ export function MenuItem({ path, label, icon }: Props) {
 			}`}
 		>
 			<FontAwesomeIcon icon={icon} />
-			<span>{label}</span>
+			<span className="hidden sm:inline">{label}</span>
 		</Link>
 	);
 }
diff --git a/frontend/src/components/Navigation.tsx b/frontend/src/components/Navigation.tsx
index f5771df..08a523f 100644
--- a/frontend/src/components/Navigation.tsx
+++ b/frontend/src/components/Navigation.tsx
@@ -11,15 +11,13 @@ export function Navigation() {
 		<nav className="bg-white shadow-sm border-b border-gray-200">
 			<div className="container mx-auto px-4">
 				<div className="flex items-center justify-between h-16">
-					<div className="flex items-center space-x-8">
-						<Link href="/" className="text-xl font-bold text-gray-900">
-							feedaka
-						</Link>
-						<div className="flex space-x-6">
-							<MenuItem path="/unread" label="Unread" icon={faBookOpen} />
-							<MenuItem path="/read" label="Read" icon={faCircleCheck} />
-							<MenuItem path="/settings" label="Settings" icon={faGear} />
-						</div>
+					<Link href="/" className="text-xl font-bold text-gray-900">
+						feedaka
+					</Link>
+					<div className="flex space-x-6">
+						<MenuItem path="/unread" label="Unread" icon={faBookOpen} />
+						<MenuItem path="/read" label="Read" icon={faCircleCheck} />
+						<MenuItem path="/settings" label="Settings" icon={faGear} />
 					</div>
 				</div>
 			</div>
-- 
cgit v1.2.3-70-g09d2