From 59d91796425883374b69fd96ca3cd7ee8af225ca Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sat, 25 Oct 2025 00:08:40 +0200
Subject: [PATCH] ui: hide tab text labels on mobile for /my and /p/ pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add CSS media query to hide .tab-label on screens ≤768px
- Adjust tab padding and gap for mobile to show only icons
- Saves space on mobile for highlights, bookmarks, reads, links, writings tabs
- Affects Me, Profile, and Explore components
---
 src/styles/components/me.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/styles/components/me.css b/src/styles/components/me.css
index c18d0128..1ed24471 100644
--- a/src/styles/components/me.css
+++ b/src/styles/components/me.css
@@ -75,6 +75,18 @@
 .me-highlights-list { padding-left: 0; padding-right: 0; }
 .explore-header .author-card { max-width: 600px; margin: 0 auto; width: 100%; }
 
+/* Hide tab labels on mobile to save space */
+@media (max-width: 768px) {
+  .me-tab .tab-label {
+    display: none;
+  }
+  
+  .me-tab {
+    padding: 0.75rem;
+    gap: 0;
+  }
+}
+
 /* Bookmarks list */
 .bookmarks-list {
   display: flex;