diff --git a/src/app/components/SnippetLibrary.module.css b/src/app/components/SnippetLibrary.module.css index ada9d00..b8f2840 100644 --- a/src/app/components/SnippetLibrary.module.css +++ b/src/app/components/SnippetLibrary.module.css @@ -82,9 +82,9 @@ } .nameRow { + position: relative; display: flex; align-items: center; - gap: var(--space-2); min-width: 0; } @@ -96,9 +96,14 @@ text-overflow: ellipsis; } -/* Unpublished-draft indicator (spec §03D / §02 status). */ +/* Unpublished-draft indicator (spec §03D / §02 status). Floated into the row's + left padding gutter and positioned out of flow so the title's start never + shifts — dirty and clean rows stay aligned with each other and with the date. */ .draftDot { - flex: 0 0 auto; + position: absolute; + left: calc(-1 * (var(--space-3) + var(--space-1))); + top: 50%; + transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%;