From 747e0007e0f1fe5cae9d9645d8b9c334f3698645 Mon Sep 17 00:00:00 2001
From: yyamashita <yyamashita@mosquit.one>
Date: Thu, 7 May 2026 22:51:40 +0900
Subject: Fix mobile layout for iPhone-sized viewports

- Stack header vertically on mobile (flex-col sm:flex-row) to prevent logo+nav overflow
- Hide venue and price columns in list/row views on mobile to give title room
- Shrink date/time columns on mobile (w-24 sm:w-32, w-20 sm:w-28)
- Make keyword filter input full-width on mobile (w-full sm:w-52)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/root.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'app/root.tsx')

diff --git a/app/root.tsx b/app/root.tsx
index dd55df0..37827e4 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -29,7 +29,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>東京ライブハウス</title>
+        <title>ライブに行くしかない</title>
         <Meta />
         <Links />
       </head>
-- 
cgit v1.2.3

