fix padding issues with month grid

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);

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",

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

src/View/Components/monthGrid.css

@@ -10,6 +10,9 @@
 
 .month-grid-wrapper .day-labels {
   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 {