From 8a317c590bd3b9294992c5760814e82b16dfe8f6 Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Mon, 5 Feb 2024 21:47:10 -0600
Subject: [PATCH] Tactically Retreating

---
 .../common/CalendarGrid/CalendarGrid.module.scss      |  1 +
 .../components/common/CalendarGrid/CalendarGrid.tsx   | 11 ++++++++---
 .../CalendarGridCell/CalendarGridCell.module.scss     |  1 -
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
index 3c16ce7a..ef7f5d59 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
@@ -3,6 +3,7 @@
 
 .dayLabelContainer {
     display: flex;
+    flex-direction: row;
     height: 13px;
     min-width: 40px;
     min-height: 13px;
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index d3992f64..36ba3355 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -7,6 +7,11 @@ const daysOfWeek = Object.values(DAY_MAP);
 daysOfWeek.pop();
 daysOfWeek.pop();
 const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
+const grid = Array.from({ length: 13 }, () =>
+  Array.from({ length: 5 }, (_, columnIndex) => (
+    <CalendarCell key={columnIndex} />
+  ))
+);
 
 /**
  * Grid of CalendarGridCell components forming the user's course schedule calendar view
@@ -25,9 +30,8 @@ const Calendar: React.FC = (props) => {
           </div>
         ))}
       </div>
-
       {/* Displaying the rest of the calendar */}
-      <div className={styles.calendarGrid}>
+      {/* <div className={styles.calendarGrid}>
         {hoursOfDay.map(hour => (
           <div key={hour} className={styles.calendarRow}>
             {daysOfWeek.map(day => (
@@ -35,7 +39,8 @@ const Calendar: React.FC = (props) => {
             ))}
           </div>
         ))}
-      </div>
+      </div> */}
+
     </div>
   )
 };
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
index 52db015a..a728b1b1 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
@@ -7,7 +7,6 @@
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    position: relative;
   }
   
   .hourLine {