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
@@ -16,7 +16,7 @@
           data-img="{{ with $p.Params.thumbnail }}{{ . | relURL }}{{ end }}"
           data-name="{{ $p.Slug }}"
           {{ if eq $i 0 }}class="is-selected"{{ end }}>
-      <span class="tui__perm">drwxr-xr-x</span><span class="tui__date">{{ $p.Date.Format "2006" }}</span><span class="tui__name">{{ $p.Slug }}/{{ with $p.Params.categories }} <span class="tui__tags">{{ range . }}[{{ . }}]{{ end }}</span>{{ end }}</span>
+      <span class="tui__perm">drwxr-xr-x</span><span class="tui__date">{{ $p.Date.Format "2006" }}</span><span class="tui__row3"><span class="tui__name">{{ $p.Slug }}/</span>{{ with $p.Params.categories }}<span class="tui__tags">{{ range . }}[{{ . }}]{{ end }}</span>{{ end }}</span>
    </a></li>
    {{ end }}
  </ul>