From e46b68da7e65bea8ac97023159275552919a1d72 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 16:15:21 +0200
Subject: [PATCH] style: improve Me page mobile tabs and avoid overlap with
 sidebar buttons

- Add top margin to header on mobile for floating buttons
- Tighten tab paddings and content spacing
- Reduce left/right padding for more room on small screens
---
 src/styles/components/me.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/styles/components/me.css b/src/styles/components/me.css
index 8928347c..51cedc50 100644
--- a/src/styles/components/me.css
+++ b/src/styles/components/me.css
@@ -94,22 +94,29 @@
 
 /* Mobile responsiveness */
 @media (max-width: 768px) {
+  /* Add top breathing room so floating sidebar buttons don't overlap header */
+  .explore-container .explore-header { 
+    margin-top: 2.25rem; 
+  }
+
   .me-tabs {
     gap: 0.25rem;
-    padding: 0 1rem;
+    padding: 0 0.5rem;
+    margin-top: 0.5rem;
   }
   
   .me-tab {
-    padding: 0.6rem 0.9rem;
-    font-size: 0.85rem;
+    padding: 0.5rem 0.7rem;
+    font-size: 0.82rem;
   }
   
   .me-tab svg {
     font-size: 0.9rem;
+    margin-right: 0.25rem;
   }
 
   .me-tab-content {
-    padding: 1.5rem 1rem;
+    padding: 1.25rem 0.75rem;
   }
 }