Skip to content

Commit 6cc195d

Browse files
arraypressclaude
andcommitted
The page actions sit on the title's line, not under it
The left-aligned header gave .field-kit__page-actions a bottom margin on top of the rem of bottom padding the row already carries, so the button that belongs beside the heading sat a clear gap below it. The buttons themselves were fixed earlier; this is the container, which is where the space actually came from. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Tk8y5eZa3CHVVSM6nVxsJw
1 parent dbc3d8e commit 6cc195d

1 file changed

Lines changed: 5 additions & 2 deletions

File tree

‎assets/css/field-kit.css‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1432,10 +1432,13 @@ li.field-kit__repeater-row {
14321432
margin-right: 0;
14331433
}
14341434

1435-
/* Beside the heading, and on its baseline rather than the flex line's. */
1435+
/* Beside the heading, and on its baseline rather than the flex line's. No
1436+
bottom margin: the row already carries a rem of bottom padding, and the
1437+
two together left the actions sitting a clear gap below the title they
1438+
belong to rather than on the line with it. */
14361439
.field-kit__page-header--left .field-kit__page-actions {
14371440
justify-content: flex-start;
1438-
margin-bottom: 1rem;
1441+
margin-bottom: 0;
14391442
}
14401443

14411444
.field-kit__page-tabs {

0 commit comments

Comments
 (0)