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 {