From feac7239244399237079b5ccee342dde01d115ed Mon Sep 17 00:00:00 2001 From: soryu Date: Mon, 17 Nov 2025 02:13:46 +0000 Subject: Improve mobile layout and styles\n\n- Move in-app buttons to a fixed bottom bar on mobile\n- Shrink masthead and volume badge on landing\n- Import mobile stylesheet in app entry\n- Place velocity/energy stats above bottom buttons\n- Adjust dialogue/input spacing to avoid overlap --- frontend/src/styles/mobile.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'frontend/src/styles/mobile.css') diff --git a/frontend/src/styles/mobile.css b/frontend/src/styles/mobile.css index be76818..a36290c 100644 --- a/frontend/src/styles/mobile.css +++ b/frontend/src/styles/mobile.css @@ -21,17 +21,19 @@ .cta-right { display: flex; } .taisho-cta { width: 100%; justify-content: center; transform: none; } - /* Lift stats above CTA */ - .bottom-stats { bottom: 96px; } + /* Lift stats higher above CTA (mobile only) */ + .bottom-stats { bottom: calc(280px + env(safe-area-inset-bottom, 0px)); } + .bottom-stats .rf-stats { padding: 6px 10px; } + .bottom-stats .rf-stat { font-size: 11px; } /* Compact masthead and issue badge */ .modern-landing-page.manga-style .masthead-vertical { - padding: 8px 6px; + padding: 6px 6px; border-width: 2px; } - .modern-landing-page.manga-style .masthead-vertical .jp { font-size: 22px; } - .modern-landing-page.manga-style .masthead-vertical .en { font-size: 9px; letter-spacing: 0.5px; } - .modern-landing-page.manga-style .issue-badge { padding: 4px 8px; font-size: 11px; gap: 6px; } + .modern-landing-page.manga-style .masthead-vertical .jp { font-size: 20px; } + .modern-landing-page.manga-style .masthead-vertical .en { font-size: 8px; letter-spacing: 0.5px; } + .modern-landing-page.manga-style .issue-badge { padding: 3px 7px; font-size: 10px; gap: 6px; } .modern-landing-page.manga-style .issue-badge .led-heart { width: 6px; height: 6px; -- cgit v1.2.3