From 9a9da5ea7889b123bb8ff7305b88415c9035078e Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Mon, 19 Aug 2024 18:38:55 -0700
Subject: [PATCH] fix padding issues with month grid

---
 dist/index.css                      |  4 ++++
 dist/index.js                       |  2 +-
 src/View/ChatPages/calendarPage.tsx |  2 +-
 src/View/Components/monthGrid.css   | 10 ++++++++--
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/dist/index.css b/dist/index.css
index 604d04d6..9290e5dd 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -502,6 +502,8 @@ body[showing-chat] #chat-page-wrapper {
 }
 .month-grid-wrapper .day-labels {
   flex: 0;
+  padding: var(--content-padding);
+  padding-bottom: 0px;
 }
 .month-grid-wrapper > div {
   display: grid;
@@ -513,6 +515,8 @@ body[showing-chat] #chat-page-wrapper {
 }
 .month-grid {
   overflow: hidden;
+  padding: var(--content-padding);
+  padding-top: 0px;
 }
 .month-grid .tile {
   animation: slide-up var(--animation-duration);
diff --git a/dist/index.js b/dist/index.js
index 03dbcb36..badd71e8 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -3498,7 +3498,7 @@
         "on:click": calendarPageViewModel.createEvent
       },
       /* @__PURE__ */ createElement("span", { class: "icon" }, "add")
-    ))), /* @__PURE__ */ createElement("div", { class: "content", "children:set": mainContent }))), /* @__PURE__ */ createElement(
+    ))), /* @__PURE__ */ createElement("div", { class: "content padding-0", "children:set": mainContent }))), /* @__PURE__ */ createElement(
       "div",
       {
         class: "pane-wrapper side background",
diff --git a/src/View/ChatPages/calendarPage.tsx b/src/View/ChatPages/calendarPage.tsx
index 3e9bf1c7..27192117 100644
--- a/src/View/ChatPages/calendarPage.tsx
+++ b/src/View/ChatPages/calendarPage.tsx
@@ -159,7 +159,7 @@ export function CalendarPage(calendarPageViewModel: CalendarPageViewModel) {
               </button>
             </span>
           </div>
-          <div class="content" children:set={mainContent}></div>
+          <div class="content padding-0" children:set={mainContent}></div>
         </div>
       </div>
       <div
diff --git a/src/View/Components/monthGrid.css b/src/View/Components/monthGrid.css
index 8091c529..066a0a8a 100644
--- a/src/View/Components/monthGrid.css
+++ b/src/View/Components/monthGrid.css
@@ -9,7 +9,10 @@
 }
 
 .month-grid-wrapper .day-labels {
-    flex: 0;
+  flex: 0;
+
+  padding: var(--content-padding);
+  padding-bottom: 0px;
 }
 
 .month-grid-wrapper > div {
@@ -26,6 +29,9 @@
 
 .month-grid {
   overflow: hidden;
+
+  padding: var(--content-padding);
+  padding-top: 0px;
 }
 
 .month-grid .tile {
@@ -34,7 +40,7 @@
 }
 
 .month-grid .tile[today] b {
-    color: var(--primary)
+  color: var(--primary);
 }
 
 .month-grid .tile > div {