From 760efa2b404d559c6b2f369ddeb1b543b931b93d Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Fri, 4 Sep 2026 09:19:11 -0700 Subject: The delete × on chat bubbles is a true 18px circle again and no longer overlaps the react opener: the global button padding (11px 16px) was flooring the ×'s border-box past its fixed 18px width — an oval — and the react button's step-aside was calibrated against that phantom width. padding:0 on .chat-del restores the circle; the opener steps to right:16px, leaving a measured 5px of air (verified headless with getBoundingClientRect: both 18×18, gap 5.0) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01MGzU12QrAA4G6BYGzGVdXz --- src/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'src') diff --git a/src/style.css b/src/style.css index ecf1338..483d999 100644 --- a/src/style.css +++ b/src/style.css @@ -417,6 +417,10 @@ hr.divider { margin: 16px 0; } display: none; align-items: center; justify-content: center; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--paper); color: var(--muted); font-size: 12px; line-height: 1; cursor: pointer; + /* the global button padding (11px 16px) floors the border-box past 18px + wide and turns the circle into an oval — a fixed-size round button + must zero it */ + padding: 0; } .chat-row:hover .chat-del { display: flex; } /* the react opener rides the bubble edge like the delete ×; on a mine-row @@ -428,7 +432,7 @@ hr.divider { margin: 16px 0; } background: var(--paper); font-size: 10px; line-height: 1; cursor: pointer; padding: 0; } .chat-row:hover .chat-react-btn { display: flex; } -.chat-row.mine .chat-react-btn { right: 14px; } +.chat-row.mine .chat-react-btn { right: 16px; } /* 18px × at -7 ends at 11; 5px of air */ .chat-react-picker { display: flex; gap: 4px; margin-top: 4px; flex-wrap: wrap; } .chat-react-picker button { font-size: 15px; line-height: 1; padding: 4px 6px; -- cgit v1.2.3