fix: adjust button minimum width for settings button

ryota-murakami · ryota-murakami · commit 6164d106ac56 · 2025-10-28T19:25:10.000+09:00
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -133,7 +133,7 @@ export default function Home() {
           {/* Settings Button - Right Side */}
           <button
             onClick={() => setIsSettingsOpen(true)}
-            className="absolute right-0 top-0 rounded-full p-3 min-w-[44px] min-h-[44px] flex items-center justify-center text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-green"
+            className="absolute right-0 top-0 rounded-full p-3 min-w-11 min-h-11 flex items-center justify-center text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-green"
             aria-label="Open settings"
           >
             <Settings className="h-6 w-6" />

Original file line number	Diff line number	Diff line change
`@@ -133,7 +133,7 @@ export default function Home() {`
`133`	`133`	`{/* Settings Button - Right Side */}`
`134`	`134`	`<button`
`135`	`135`	`onClick={() => setIsSettingsOpen(true)}`
`136`		`- className="absolute right-0 top-0 rounded-full p-3 min-w-[44px] min-h-[44px] flex items-center justify-center text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-green"`
	`136`	`+ className="absolute right-0 top-0 rounded-full p-3 min-w-11 min-h-11 flex items-center justify-center text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-primary-green"`
`137`	`137`	`aria-label="Open settings"`
`138`	`138`	`>`
`139`	`139`	`<Settings className="h-6 w-6" />`