Swap alignment of older and newer posts

namanyayg · Jan 8, 2024 · 4770dc3 · 4770dc3
1 parent 714f008
commit 4770dc3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss
@@ -230,11 +230,11 @@
     opacity: .5;
   }
 
-  .previous {
+  .next {
     text-align: left;
   }
 
-  .next {
+  .previous {
     text-align: right;
   }
 
@@ -398,6 +398,10 @@
   .next-link {
     padding: 0 0 0 $spacing-unit / 2;
   }
+
+  .previous-link {
+    align-self: flex-end;
+  }
 }
 
 // Notices

diff --git a/index.html b/index.html
@@ -24,25 +24,21 @@ <h3>
       {%- endfor -%}
     </ul>
     <footer class="pagination">
-      {% if paginator.previous_page %}
-        <span class="previous">
-          <a href="{{ paginator.previous_page_path | relative_url }}" class="previous">
-            &larr; Newer Posts
-          </a>
-        </span>
-      {% else %}
-        <span class="previous nolink">&larr; Newer Posts</span>
-      {% endif %}
+      <span class="next">
+        {% if paginator.next_page %}
+          <a href="{{ paginator.next_page_path | relative_url }}" class="next">&larr;&nbsp;Older Posts</a>
+        {% endif %}
+      </span>
       <span class="page_number ">
         Page: {{ paginator.page }} of {{ paginator.total_pages }}
       </span>
-      {% if paginator.next_page %}
-        <span class="next">
-          <a href="{{ paginator.next_page_path | relative_url }}" class="next">Older Posts &rarr;</a>
-        </span>
-      {% else %}
-        <span class="next nolink">Older Posts &rarr;</span>
-      {% endif %}
+      <span class="previous">
+        {% if paginator.previous_page %}
+          <a href="{{ paginator.previous_page_path | relative_url }}" class="previous">
+            Newer Posts&nbsp;&rarr;
+          </a>
+        {% endif %}
+      </span>
     </footer>
 
     <!-- <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p> -->