Only left-justify post titles

themes/vanilla/assets/scss/style.scss

@@ -171,10 +171,9 @@ hr.header-divider {
     border-radius: 0.15rem;
 }
 
-ul.page-list {
+ul.post-list {
     list-style: none;
     padding: 0;
-    text-align: left;
 
     li {
         @include bordered-block;
@@ -182,11 +181,13 @@ ul.page-list {
         padding: 0.5rem;
     }
 
-    a {
+    a.post-title {
         border-bottom: none;
         font-size: 1.3rem;
         font-weight: bold;
         font-family: $font-heading;
+        text-align: left;
+        display: block;
     }
     
     p {

themes/vanilla/layouts/_default/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <h2>{{ .Title }}</h2>
 
-<ul class="page-list">
+<ul class="post-list">
     {{ range .Pages.ByDate.Reverse }}
     {{ partial "post.html" . }}
     {{ end }}

themes/vanilla/layouts/index.html

@@ -2,9 +2,9 @@
 {{ .Content }}
 
 Recent posts:
-<ul class="page-list">
+<ul class="post-list">
-{{ range first 10 (where (where .Site.Pages.ByDate.Reverse "Section" "blog") ".Kind" "!=" "section") }}
+    {{ range first 10 (where (where .Site.Pages.ByDate.Reverse "Section" "blog") ".Kind" "!=" "section") }}
-{{ partial "post.html" . }}
+    {{ partial "post.html" . }}
-{{ end }}
+    {{ end }}
 </ul>
 {{ end }}

themes/vanilla/layouts/partials/post.html

@@ -1,5 +1,5 @@
 <li>
-    <a href="{{ .Permalink }}">{{ .Title }}</a>
+    <a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a>
     <p>{{ .WordCount }} words, about {{ .ReadingTime }} minutes to read.</p>
     <p>{{ .Summary }} . . .</p>
 </li>

themes/vanilla/layouts/tags/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <h2>Tagged "{{ .Title }}"</h2>
 
-<ul class="page-list">
+<ul class="post-list">
     {{ range .Pages.ByDate.Reverse }}
     {{ partial "post.html" . }}
     {{ end }}