From 6cdcf4930d9868c0ed45820f66102d89a644cfb6 Mon Sep 17 00:00:00 2001
From: doprz <52579214+doprz@users.noreply.github.com>
Date: Wed, 6 Mar 2024 13:26:48 -0600
Subject: [PATCH] feat: add CSS for calendarCell div

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

diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index df959462..ef46eea6 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -33,9 +33,7 @@ const Calendar: React.FC = (props) => {
       {/* Displaying the rest of the calendar */}
       <div className={styles.calendarGrid}>
         {grid.map((row, rowIndex) => (
-          <div className={styles.row} key={rowIndex}>
-            {row}
-          </div>
+          row
         ))}
       </div>
 
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
index 93edd33d..8561be7a 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
@@ -1,5 +1,11 @@
 .calendarCell {
-    flex: 1;
-    border: 1px solid #ddd;
-    min-height: 50px;
+    display: flex;
+    width: 165px;
+    height: 52.231px;
+    min-width: 45px;
+    min-height: 40px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    border: 1px solid #dadce0;
 }
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
index 510f122e..fa96687c 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
@@ -9,7 +9,7 @@ const CalendarCell: React.FC = (props) => {
   return (
     <div className={styles.calendarCell}>
       <div className={styles.hourLine}>
-        TEMP
+
       </div>
     </div>
   );