From 19c586c5b2c5a6339fbb51eec78c741793d1eefb Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Mon, 1 May 2023 22:40:53 +1000
Subject: [PATCH] Remove border from months on yearly view and increase
 spacing, also switch to using css grid

---
 templates/partials/page/calendar.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/partials/page/calendar.html b/templates/partials/page/calendar.html
index 466f851..1508d31 100644
--- a/templates/partials/page/calendar.html
+++ b/templates/partials/page/calendar.html
@@ -123,20 +123,21 @@
     {% elif selected_view == 'year'%}
     <div class="flex justify-center px-2 py-2 -mb-px">
 
-        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 bg-white overflow-hidden">
+        <div
+            class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-4 lg:gap-10 bg-white overflow-hidden">
             {% for i in range(12) %}
             {% set date = start_date + relativedelta(months=i) %}
             {% set first_day_of_month = date.replace(day=1) %}
             {% set last_day_of_month = date + relativedelta(day=31) %}
             {% set (first_day, last_day) = first_and_last_visible_days_in_month(first_day_of_month, last_day_of_month)
             %}
-            <div class="mx-3 my-3 border-solid border-grey-light rounded border shadow-sm">
-                <div class="bg-grey-lighter px-2 py-2 border-solid border-grey-light border-b text-center cursor-pointer"
+            <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">{{
                     strftime(first_day_of_month, '%B %Y') }}
                 </div>
-                <div class="">
+                <div>
                     <div class="grid grid-cols-7 border-b font-semibold">
                         <div class="py-3 px-4">S</div>
                         <div class="py-3 px-4">M</div>
@@ -165,7 +166,6 @@
                     </div>
                 </div>
             </div>
-
             {% endfor %}
 
         </div>