Switch the event year paging directions

Author: jhh

website/templates/events/event_index_page.html

@@ -37,20 +37,20 @@ <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{{ title
           {% endfor %}
         </ul>
 
-        <div class="flex items-center justify-between mt-4">
-          {% if next_year %}
-            <a href="{% routablepageurl page 'events_for_year' next_year %}"
+        <div class="flex items-center justify-between mt-4 border-t border-gray-200 pt-2">
+          {% if prev_year %}
+            <a href="{% routablepageurl page 'events_for_year' prev_year %}"
                class="text-base font-semibold text-blue hover:text-gray-700">
-              <span aria-hidden="true">←</span> {{ next_year }} Events
+              <span aria-hidden="true">←</span> {{ prev_year }} Events
             </a>
           {% endif %}
-
-          {% if prev_year %}
-            <a href="{% routablepageurl page 'events_for_year' prev_year %}"
+          {% if next_year %}
+            <a href="{% routablepageurl page 'events_for_year' next_year %}"
                class="text-base font-semibold text-blue hover:text-gray-700">
-              {{ prev_year }} Events <span aria-hidden="true">→</span>
+              {{ next_year }} Events <span aria-hidden="true">→</span>
             </a>
           {% endif %}
+
         </div>
 
       </div>