themes/default/layouts: Normalize item list flex

5 files changed, 50 insertions, 47 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 2160d8d..6dded5c 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -342,9 +342,7 @@ column-left nav a span {
 pre,
 kbd,
 code,
-svg text,
-item-list a span:last-child,
-item-list a span:first-child {
+svg text {
   font-family: "Fira Code", "Lucida Console", "Andale Mono", "Roboto Mono",
     "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -1294,20 +1292,13 @@ item-list ul {
   list-style: none;
 }
 
-item-list a span:first-child {
-  text-transform: uppercase;
-}
-
-item-list a span:first-child,
-item-list a span:last-child {
-  flex: 1;
-  color: #444;
-  color: var(--fade);
+item-list li:hover {
+  background-color: #eee;
+  background-color: var(--hover-background);
 }
 
-item-list a span:nth-child(2) {
-  flex: 3;
-  margin: 0 0.5rem;
+item-list li:hover span:last-child {
+  text-decoration: underline;
 }
 
 item-list li a {
@@ -1318,23 +1309,43 @@ item-list li a {
   padding: 0.5rem;
 }
 
-item-list li:hover {
-  background-color: #eee;
-  background-color: var(--hover-background);
+item-list a span:first-child {
+  flex: 1;
+  text-transform: uppercase;
 }
 
-item-list li:hover span:last-child {
-  text-decoration: underline;
+item-list a span:nth-child(2) {
+  flex: 3;
+  margin: 0 0.5rem;
+}
+
+item-list a span:last-child {
+  flex: 1;
+  text-align: right;
 }
 
-source-array footer {
+item-list a span:first-child,
+item-list a span:last-child {
+  color: #444;
+  color: var(--fade);
+}
+
+source-files footer {
   padding: 0 1rem;
 }
 
-source-array li a {
+source-files li a {
   padding: 0.25rem 0.5rem;
 }
 
+source-files item-list a span:first-child {
+  flex: 3;
+}
+
+source-files item-list a span:nth-child(2) {
+  flex: 4;
+}
+
 context-menu {
   background-color: #fff;
   background-color: var(--background-bolder);
diff --git a/themes/default/layouts/_default/home.archive-messages.html b/themes/default/layouts/_default/home.archive-messages.html
index 6ec322a..d97694f 100644
--- a/themes/default/layouts/_default/home.archive-messages.html
+++ b/themes/default/layouts/_default/home.archive-messages.html
@@ -31,7 +31,7 @@
       {{ range .Pages }}
         <li>
           <a title="{{ partial "title.html" . }}" href="{{ .RelPermalink }}#{{ partial "card-id.html" . }}">
-            <span>{{ .Date.Format "02 Jan" }}</span>
+            <span><code>{{ .Date.Format "02 Jan" }}</code></span>
             <span>{{ partial "title.html" . }}</span>
             <span>@{{ partial "author-user.html" . }}</span>
           </a>
diff --git a/themes/default/layouts/_default/home.archive-tags.html b/themes/default/layouts/_default/home.archive-tags.html
index 57854cc..9d9d83a 100644
--- a/themes/default/layouts/_default/home.archive-tags.html
+++ b/themes/default/layouts/_default/home.archive-tags.html
@@ -30,7 +30,7 @@
             <a
               title="{{ partial "title.html" . }}"
               href="{{ $.Site.BaseURL }}/tags/{{ $tag }}/#{{ partial "card-id.html" . }}">
-              <span>{{ .Date.Format "02 Jan 2006" }}</span>
+              <span><code>{{ .Date.Format "02 Jan 2006" }}</code></span>
               <span>{{ partial "title.html" . }}</span>
               <span>@{{ partial "author-user.html" . }}</span>
             </a>
diff --git a/themes/default/layouts/_default/home.sources.html b/themes/default/layouts/_default/home.sources.html
index ce2100a..95246b5 100644
--- a/themes/default/layouts/_default/home.sources.html
+++ b/themes/default/layouts/_default/home.sources.html
@@ -27,7 +27,7 @@
     )
   }}
 
-  <source-array>
+  <source-files>
     <item-list>
 
       <h1>Defaults</h1>
@@ -36,11 +36,9 @@
           {{ if not .IsDir }}
             <li>
               <a download title="{{ .Name }}" href="{{ $.Site.BaseURL }}/sources/files/_default/{{ .Name }}">
-              <code>
-                <span>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</span>
-                <span>{{ .Name }}</span>
-                <span>{{ .Size -}}</span>
-              </code>
+                <span><code>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</code></span>
+                <span><code>{{ .Name }}</code></span>
+                <span><code>{{ .Size -}}</code></span>
               </a>
             </li>
           {{ end }}
@@ -53,11 +51,9 @@
           {{ if not .IsDir }}
             <li>
               <a download title="{{ .Name }}" href="{{ $.Site.BaseURL }}/sources/files/_default/_markup/{{ .Name }}">
-              <code>
-                <span>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</span>
-                <span>{{ .Name }}</span>
-                <span>{{ .Size -}}</span>
-              </code>
+                <span><code>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</code></span>
+                <span><code>{{ .Name }}</code></span>
+                <span><code>{{ .Size -}}</code></span>
               </a>
             </li>
           {{ end }}
@@ -70,11 +66,9 @@
           {{ if not .IsDir }}
             <li>
               <a download title="{{ .Name }}" href="{{ $.Site.BaseURL }}/sources/files/partials/{{ .Name }}">
-              <code>
-                <span>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</span>
-                <span>{{ .Name }}</span>
-                <span>{{ .Size -}}</span>
-              </code>
+                <span><code>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</code></span>
+                <span><code>{{ .Name }}</code></span>
+                <span><code>{{ .Size -}}</code></span>
               </a>
             </li>
           {{ end }}
@@ -87,11 +81,9 @@
           {{ if not .IsDir }}
             <li>
               <a download title="{{ .Name }}" href="{{ $.Site.BaseURL }}/sources/files/shortcodes/{{ .Name }}">
-              <code>
-                <span>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</span>
-                <span>{{ .Name }}</span>
-                <span>{{ .Size -}}</span>
-              </code>
+                <span><code>{{- .ModTime | time.Format "2006-01-02 15:04 MST" }}</code></span>
+                <span><code>{{ .Name }}</code></span>
+                <span><code>{{ .Size -}}</code></span>
               </a>
             </li>
           {{ end }}
@@ -111,7 +103,7 @@
       </p>
     </footer>
 
-  </source-array>
+  </source-files>
 
 {{ end }}
 
diff --git a/themes/default/layouts/_default/taxonomy.html b/themes/default/layouts/_default/taxonomy.html
index 3f2a83c..a48b594 100644
--- a/themes/default/layouts/_default/taxonomy.html
+++ b/themes/default/layouts/_default/taxonomy.html
@@ -36,7 +36,7 @@
               <a
                 title="{{ partial "title.html" . }}"
                 href="{{ .Site.BaseURL }}/tags/{{ $title }}/{{ if gt $page 1 }}page/{{ $page }}/{{ end }}#{{ partial "card-id.html" . }}">
-                <span>{{ .Date.Format "02 Jan 2006" }}</span>
+                <span><code>{{ .Date.Format "02 Jan 2006" }}</code></span>
                 <span>{{ partial "title.html" . }}</span>
                 <span>@{{ partial "author-user.html" . }}</span>
               </a>