From 2b5d873a67801672ece29fc27c808d106ed22309 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 17 Jul 2026 18:04:08 +0000 Subject: [PATCH] fix(answer-dock): stop follow-up "Try next" chips overlapping the composer pill On phones the answer dock renders the "Try next" follow-up suggestion row directly above the search pill. Its only vertical separator was a negative margin-bottom (-0.125rem), which tucked the chips' rounded underside beneath the pill's top edge and focus glow, reading as a collision on the search bar. Flip that to a small positive gap (0.4375rem) so the chip row and pill read as distinct, intentionally-spaced tiers without pushing the row up into the answer content that shows through the frosted scrim above. Co-Authored-By: Claude Opus 4.8 Claude-Session: https://claude.ai/code/session_01UnnEvbSGcJevNnPKhgb6xo --- src/app/globals.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/app/globals.css b/src/app/globals.css index a9fb9afe61..2da7077c8e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1511,8 +1511,14 @@ summary::-webkit-details-marker { padding-inline: 0.25rem; } +/* Phone answer dock: the "Try next" chip row sits directly above the pill with + no flex-gap owner (showFooterSearchChips is false on phones), so this margin + is the sole separator. It must stay positive — a negative value tucked the + chips' rounded underside beneath the pill's top edge/focus glow, reading as a + collision. Keep the gap just large enough to read as intentional without + pushing the row up into the content that shows through the scrim above. */ .answer-footer-search-edge .answer-suggestion-row-composer-followups { - margin-bottom: -0.125rem; + margin-bottom: 0.4375rem; } @media (max-width: 639px) {