fix: category tags flush right instead of wrapping onto their own line

grid-column:3 + justify-self:end put name and tags in the same cell but grid stacks co-located items instead of placing them side by side, so the tag wrapped to a second line. wrapped both in a flex row (justify-content:space-between) inside that grid cell instead.
2026-08-15 00:10:02 +00:00
parent 6b59b58082
commit ffe9fa11fc
2 changed files with 5 additions and 1 deletions
@@ -147,6 +147,10 @@ body:not(.home) .menu { display: none; }
  color: var(--color-text-primary);
  white-space: nowrap;
 }
+/* name + tags share the grid's last column but need their own row to put
+   the tag flush right without wrapping onto a second line — two grid items
+   left in the same cell just stack instead of sitting side by side */
+.tui__row3 { display: flex; justify-content: space-between; align-items: baseline; gap: 1ch; min-width: 0; }
 .tui__perm,
 .tui__date,
 .tui__tags { color: var(--color-text-muted); }