Tweak schedule page for UI consistency

Try to avoid styling internal links as buttons
Refer to abbreviated years with leading '

Author: nickswalker

_layouts/route.html

@@ -63,7 +63,7 @@ <h1 title="{{ page.id }}" class="mb-0 h2">{{ page.title }}</h1>
     </span>
   {%- endif -%}
   {%- endcapture -%}
-  <h3 class="h5">{{ stats }}</h3>
+  <div class="mb-3">{{ stats }}</div>
 
 
   {%- comment -%}

_layouts/schedule.html

@@ -4,16 +4,17 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maplibre-gl@6.0.0-11/dist/maplibre-gl.css" crossorigin="anonymous">
 
 <div class="schedule container">
-  <h1 class="mb-0 h2">{{ page.label }}</h1>
+  {%- assign schedule_label = page.season | append: " '" | append: page.year | capitalize -%}
+  <h1 class="mb-0 h2">{{ schedule_label }}</h1>
 
   {%- comment -%}
   ========================================================================
   OVERVIEW
   ========================================================================
   {%- endcomment -%}
-  <div class="text-muted mb-3">
+  <div class="mb-3">
     <span class="me-3">
-      {{ page.start_date }} &rarr; {{ page.end_date }}
+      {{ page.start_date }} to {{ page.end_date }}
     </span>
     <span class="me-3">
       {{ page.event_count }} events
@@ -47,11 +48,13 @@ <h2 class="visually-hidden">Quarter route map</h2>
       {%- assign prev_label = page.previous_id -%}
       {%- if all_schedules -%}
         {%- assign prev_schedule = all_schedules | where: "id", page.previous_id | first -%}
-        {%- if prev_schedule and prev_schedule.label -%}
+        {%- if prev_schedule and prev_schedule.season and prev_schedule.year -%}
+          {%- assign prev_label = prev_schedule.season | append: " '" | append: prev_schedule.year | capitalize -%}
+        {%- elsif prev_schedule and prev_schedule.label -%}
           {%- assign prev_label = prev_schedule.label -%}
         {%- endif -%}
       {%- endif -%}
-      <a class="btn btn-outline-secondary"
+      <a class="text-muted text-decoration-none fw-medium"
          href="{{ '/schedules/' | append: page.previous_id | append: '/' | relative_url }}">
         &larr; {{ prev_label }}
       </a>
@@ -63,9 +66,10 @@ <h2 class="visually-hidden">Quarter route map</h2>
       <select id="schedule-selector" class="form-select form-select-sm d-inline-block" style="max-width: 100%;">
         {%- assign schedule_list = site.data.schedules_table | sort: 'start_date' -%}
         {%- for sched in schedule_list -%}
+          {%- assign sched_label = sched.season | append: " '" | append: sched.year | capitalize -%}
           <option value="{{ '/schedules/' | append: sched.id | append: '/' | relative_url }}"
                   {% if sched.id == page.id %}selected{% endif %}>
-            {{ sched.label }}
+            {{ sched_label }}
           </option>
         {%- endfor -%}
       </select>
@@ -75,11 +79,13 @@ <h2 class="visually-hidden">Quarter route map</h2>
       {%- assign next_label = page.next_id -%}
       {%- if all_schedules -%}
         {%- assign next_schedule = all_schedules | where: "id", page.next_id | first -%}
-        {%- if next_schedule and next_schedule.label -%}
+        {%- if next_schedule and next_schedule.season and next_schedule.year -%}
+          {%- assign next_label = next_schedule.season | append: " '" | append: next_schedule.year | capitalize -%}
+        {%- elsif next_schedule and next_schedule.label -%}
           {%- assign next_label = next_schedule.label -%}
         {%- endif -%}
       {%- endif -%}
-      <a class="btn btn-outline-secondary"
+      <a class="text-muted text-decoration-none fw-medium"
          href="{{ '/schedules/' | append: page.next_id | append: '/' | relative_url }}">
         {{ next_label }} &rarr;
       </a>