From 2f1110562806b7d67d2d46c2875d0b188f9f826c Mon Sep 17 00:00:00 2001 From: Mahdi Date: Mon, 19 Oct 2026 09:40:59 +0330 Subject: [PATCH] fix: keep customer profile tabs from overlapping on mobile Let the tab row scroll sideways so long labels stay readable. Co-authored-by: Cursor --- apps/web/src/views/PersonProfileView.vue | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/apps/web/src/views/PersonProfileView.vue b/apps/web/src/views/PersonProfileView.vue index 1638e17..80d1a09 100644 --- a/apps/web/src/views/PersonProfileView.vue +++ b/apps/web/src/views/PersonProfileView.vue @@ -1649,15 +1649,16 @@ button.contact-pill:disabled { display: flex; gap: 0; overflow-x: auto; + overscroll-behavior-x: contain; border-bottom: 1px solid #e2e8f0; + -webkit-overflow-scrolling: touch; } .tabs button { - flex: 1 1 0; - min-width: 0; + flex: 0 0 auto; border: 0; background: none; - padding: 0.6rem 0.2rem 0.72rem; + padding: 0.6rem 0.75rem 0.72rem; color: #64748b; font: inherit; font-weight: 700; @@ -2188,8 +2189,8 @@ button.contact-pill:disabled { @media (max-width: 599px) { .tabs button { - font-size: 0.78rem; - padding: 0.5rem 0.1rem 0.62rem; + font-size: 0.84rem; + padding: 0.55rem 0.7rem 0.65rem; } .info-panel dl > div {