From d3990e75b9f0d7aaed268f4d9457fd343e3db031 Mon Sep 17 00:00:00 2001
From: haraseessingh <harasees1202@gmail.com>
Date: Thu, 23 Nov 2023 12:50:16 +0530
Subject: [PATCH] css tweaks

---
 styles/components/event-calendar.scss | 5 +++++
 styles/pages/dashEvents.module.scss   | 4 ++--
 styles/pages/events.module.scss       | 8 ++++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/styles/components/event-calendar.scss b/styles/components/event-calendar.scss
index ee946b748..9037a8ef8 100644
--- a/styles/components/event-calendar.scss
+++ b/styles/components/event-calendar.scss
@@ -66,6 +66,11 @@
     border-radius: 20px;
 }
 
+.rbc-event-content {
+    font-size: 18px !important;
+    font-family: 'Josefin_Sans', sans-serif;
+}
+
 .rbc-override-event {
     background-color: $acm-primary !important;
     border-radius: 10px !important;
diff --git a/styles/pages/dashEvents.module.scss b/styles/pages/dashEvents.module.scss
index de588ccc5..764c457eb 100644
--- a/styles/pages/dashEvents.module.scss
+++ b/styles/pages/dashEvents.module.scss
@@ -18,10 +18,10 @@ $max-width-calendar: 900px;
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        padding: 2rem 0px;
+        padding: 2rem 0;
 
         .eventButton {
-            margin: 0px 12px 8px auto;
+            margin: 0 12px 8px auto;
             padding: 12px;
             background-color: $acm-primary;
             color: white;
diff --git a/styles/pages/events.module.scss b/styles/pages/events.module.scss
index 9e892c14e..f5f2f5f73 100644
--- a/styles/pages/events.module.scss
+++ b/styles/pages/events.module.scss
@@ -1,5 +1,5 @@
-$width-calendar: 100%;
-$max-width-calendar: 900px;
+$width-calendar: 80%;
+$max-width-calendar: 850px;
 
 .events {
     display: flex;
@@ -9,14 +9,14 @@ $max-width-calendar: 900px;
     justify-content: center;
 
     .calendarWrapper {
-        // border: 1px solid rgb(92, 92, 92);
         height: 600px;
         width: $width-calendar;
         max-width: 900px;
         display: flex;
+        flex-direction: column;
         align-items: center;
         justify-content: center;
-        padding: 40px 10px;
+        padding: 2rem 0;
     }
     .calendar {
         height: 100%;