From 014f38353be8ba391e2d1609f6443d9d7f0d4a4a Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Thu, 27 Jul 2023 15:11:58 +1000
Subject: [PATCH] Scroll to top when month is selected in year view

---
 templates/calendar.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/templates/calendar.html b/templates/calendar.html
index cb91bec..bfc18ed 100644
--- a/templates/calendar.html
+++ b/templates/calendar.html
@@ -41,8 +41,8 @@
         </div>
 
         <div class="mr-4">
-            <select id="workout-view-picker" data-te-select-init data-te-select-size="lg"
-                name="view" hx-get="{{ url_for('get_calendar', person_id=person['PersonId']) }}" hx-target="#container"
+            <select id="workout-view-picker" data-te-select-init data-te-select-size="lg" name="view"
+                hx-get="{{ url_for('get_calendar', person_id=person['PersonId']) }}" hx-target="#container"
                 hx-vals='{"date": "{{ selected_date }}"}' hx-push-url="true">
                 <option value="month" {% if selected_view=='month' %}selected{% endif %}>Month</option>
                 <option value="year" {% if selected_view=='year' %}selected{% endif %}>Year</option>
@@ -138,7 +138,8 @@
             <div>
                 <div class="bg-grey-lighter font-semibold text-center cursor-pointer"
                     hx-get="{{ url_for('get_calendar', person_id=person['PersonId']) }}" hx-target="#container"
-                    hx-vals='{"date": "{{ first_day_of_month }}", "view": "month"}' hx-push-url="true">{{
+                    hx-vals='{"date": "{{ first_day_of_month }}", "view": "month"}' hx-push-url="true"
+                    _="on click go to the top of the body">{{
                     first_day_of_month | strftime('%B %Y') }}
                 </div>
                 <div>