improve calendar layout

src/View/ChatPages/calendarPage.css

@@ -62,7 +62,7 @@
     width: 3.1rem;
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 750px) {
     #chat-page > div > #main > #calendar-page {
         flex-direction: column;
     }
@@ -71,3 +71,14 @@
         border-bottom: 1px solid var(--border);
     }
 }
+
+@media (max-width: 1024px) and (min-width: 750px) {
+    #chat-page > div > #main > #calendar-page .pane-wrapper {
+        flex: 1;
+        min-width: unset;
+    }
+
+    #chat-page > div > #main > #calendar-page .grid-pane-wrapper {
+        border-right: 1px solid var(--border);
+    }
+}

src/View/Components/monthGrid.css

@@ -86,7 +86,7 @@
     animation: slide-up var(--animation-duration);
 }
 
-@media (max-width: 640px) and (max-height: 1200px) {
+@media (max-width: 900px) {
     .month-grid .tile {
         padding: 0px;
     }