From b8bd0b5c3c0e47ad1b18e946f8d265bee8b93f0b Mon Sep 17 00:00:00 2001 From: juanatsap Date: Tue, 18 Nov 2025 21:51:44 +0000 Subject: [PATCH] fix: Keep back-to-top button on RIGHT side in narrow mobile (<483px) Corrected positioning - button now stays on RIGHT side, just moved UP: - right: 1.5rem (stays on right) - bottom: 5.5rem (moved higher to avoid overlap) This prevents overlap with bottom button row while maintaining right-side positioning as requested. --- static/css/main.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index 0072b52..23a57bc 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -2956,13 +2956,12 @@ html { } } -/* Very narrow mobile - Stack back-to-top above info button (left side) */ +/* Very narrow mobile - Move back-to-top UP on RIGHT side to avoid overlap */ @media (max-width: 483px) { .back-to-top { - /* Move to left side, above info button */ - left: 1.5rem !important; - right: auto !important; - bottom: 5.5rem !important; /* 4rem above info button (1.5rem + 50px + gap) */ + /* Stay on RIGHT side, just move UP higher */ + right: 1.5rem !important; + bottom: 5.5rem !important; /* Higher position to clear bottom button row */ } }