diff --git a/apps/operator/pages/partners/[slug].vue b/apps/operator/pages/partners/[slug].vue index 82921b0..692220c 100644 --- a/apps/operator/pages/partners/[slug].vue +++ b/apps/operator/pages/partners/[slug].vue @@ -635,14 +635,16 @@ td.td-right { text-align: right; } /* Status segmented control (mirrors FlagDetail.vue's seg pattern) */ .seg { - display: inline-grid; + display: grid; + width: 100%; gap: 2px; padding: 2px; background: var(--surface); border: 1px solid var(--border); border-radius: 7px; + box-sizing: border-box; } -.seg.four { grid-template-columns: repeat(4, minmax(96px, auto)); } +.seg.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .seg button { appearance: none; border: 0; @@ -651,9 +653,13 @@ td.td-right { text-align: right; } font-family: inherit; font-size: 11px; font-weight: 500; - padding: 6px 10px; + padding: 6px 8px; border-radius: 5px; cursor: pointer; + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .seg button:hover:not(:disabled) { color: var(--text); } .seg button.on { background: var(--text); color: var(--bg); }