From da13a93a3852eb15156a5a84a73a8200d1344685 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 3 Aug 2026 13:58:31 -0700 Subject: Move money: shorter amount placeholder, row wraps on narrow phones MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The placeholder repeated a minimum the line below already states, and it was clipped anyway — the amount field had 14px of usable width at 360px because "Move to Spending" crushed it. The row wraps to two full-width lines when it's tight and stays on one line when there's room. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index edae677..7c3113e 100644 --- a/src/style.css +++ b/src/style.css @@ -525,3 +525,8 @@ body::after { } .balance-switch:hover { color: var(--ink); border-color: var(--line-strong); } .balance-switch svg { opacity: .75; } +/* Move-money row: the action labels are long ("Move to Spending"), so let the + row wrap to two full-width lines rather than crushing the amount field. */ +.balance-move .input-group { flex-wrap: wrap; } +.balance-move .amt-field { flex: 1 1 150px; } +.balance-move .input-group > button { flex: 1 1 150px; } -- cgit v1.2.3