eleven / ocho Public

web: a sheet's bare h2 spaces like one in a sheet-head (#1006)

Most dialogs write their title as a plain <h2> straight into the .sheet card
rather than wrapping it in a .sheet-head, so they kept the browser's default
heading margin and sat far below the card's top padding. Give a sheet's
first-child h2 the same zero top margin and 10px gap the .sheet-head shape has.

Co-authored-by: Claude <noreply@anthropic.com>

James Adam 3 months ago a2dafa6bc8cfa4b7f257f75140e452fc0a61123f parent 80b7eb6

1 file changed, +4 −0

web/static/style.css +4 −0

diff --git a/web/static/style.css b/web/static/style.css

index 7f3fded..cf97ce1 100644

--- a/web/static/style.css

+++ b/web/static/style.css

@@ -2473,7 +2473,11 @@ button.danger { background: transparent; border: 1px solid var(--danger); color:

}

.sheet { max-width: 460px; width: 100%; max-height: 82vh; overflow-y: auto; }

.sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }

+/* A sheet's title spaces the same whether or not it's wrapped in a .sheet-head:

+ most sheets write a bare <h2>, and the browser's default heading margin then

+ pushed it far off the card's top padding. Both shapes now leave 10px below. */

.sheet-head h2 { margin: 0; }

+.sheet > h2:first-child { margin: 0 0 10px; }

.linkish { background: transparent; color: var(--link); padding: 6px 8px; font-weight: 600; }

.sheet-input { margin-bottom: 10px; }

/* The quick forms ("Fill in a form instead"): labelled fields over the shared