From 8db875cd702e8466633623dd88770ec0200500fa Mon Sep 17 00:00:00 2001 From: prismiwi2015 Date: Fri, 21 Aug 2026 11:33:16 +0200 Subject: [PATCH] The Formula editor button stops impersonating its row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit `.atfb-formula__row` stretches its children so the formula box fills the column — and the button under it inherited the stretch, becoming a full-width slab whose hover wash painted the entire row. It looked like a highlight bug because, as a control, it was one: a click target the size of a paragraph. `align-self: flex-start` gives the button back its own size; the box keeps the stretch it was there for. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_0119U4sRRWGcTQdwYreTwpAp --- assets/css/builder.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/css/builder.css b/assets/css/builder.css index 943453c..b5dda6c 100644 --- a/assets/css/builder.css +++ b/assets/css/builder.css @@ -2682,6 +2682,14 @@ os-checkbox-label.atfb-check { align-items: stretch; } +/* The stretch above is for the formula box; the button under it must not + inherit it. Stretched to the column's full width, the button's own hover + wash painted the entire row — a click target the size of a paragraph that + looks like a highlight bug, not a button. */ +.atfb-formula__row > .atfb-button { + align-self: flex-start; +} + .atfb-formula { max-inline-size: 560px; }