diff options
Diffstat (limited to 'frontend/src/styles/mobile.css')
| -rw-r--r-- | frontend/src/styles/mobile.css | 14 |
1 files changed, 8 insertions, 6 deletions
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; |