From 25813316b3a0587435cc2050f2ee2c5aa25afbe9 Mon Sep 17 00:00:00 2001 From: Mix Date: Sat, 17 Oct 2026 14:02:51 +0300 Subject: [PATCH] label-tag: a tag beside a label takes the label's line height MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The owner's phone, 2026-10-17: "Маленький зазор над полем почты"; design the commit before this one. panel.css takes the two rules theme.css gained (TestPanelCSSIsTheMockupStylesheet holds them equal): a tag in a field's label or a fact's dt has no padding of its own and line-height 1.5, so the line keeps the label's height. CHANGELOG [Unreleased] § Fixed. go vet + go test (26 packages) and make e2e on the test server for this tree. Co-Authored-By: Claude Opus 5.5 --- CHANGELOG.md | 6 ++++++ internal/web/view/static/panel.css | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index e71221b..0f74389 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,12 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version ## [Unreleased] +### Fixed + +- **A tag beside a label no longer squeezes the field under it**: the + e-mail's "not confirmed" on Account made its label taller and left less + room above the field than Username has (the owner's phone). + ## [2.14.2] - 2026-10-17 The last small items of the day. No migration; schema 13. diff --git a/internal/web/view/static/panel.css b/internal/web/view/static/panel.css index 8d22fac..387fd7d 100644 --- a/internal/web/view/static/panel.css +++ b/internal/web/view/static/panel.css @@ -281,6 +281,12 @@ code { background: var(--sp-well); color: var(--sp-ink); border-radius: 3px; pad /* A label may carry a tag, the verdict on its value (the certificate's names against the hostname); it keeps the tag's own type. */ .sp-facts dt .tag { margin-left: .4rem; text-transform: none; letter-spacing: 0; vertical-align: 1px; } +/* A tag beside a label's text (a field's or a fact's) is no taller than the + text's line: Bulma's tag is 2em high, which made the line taller and left + less room under the label than under one without a tag (an e-mail's + "not confirmed" on Account, the owner's phone, 2026-10-17). */ +.label .tag, .sp-facts dt .tag { height: auto; padding-top: 0; padding-bottom: 0; line-height: 1.5; } +.label .tag { margin-left: .25rem; vertical-align: 1px; } /* A fact that takes the whole row: a line a server wrote, read as one. */ .sp-facts .sp-wide { grid-column: 1 / -1; } .sp-facts dd.sp-big { font-size: 1.5rem; font-weight: 600; line-height: 1.2; }