Fix draft-dot alignment by floating it into the card gutter

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%;