Monthly style

client/src/components/Calendar/Monthly.js

@@ -98,7 +98,7 @@ const Monthly = () => {
                 dateClick={({ dateStr }) => history.push(`/schedule/${dateStr}`)}
                 timeZone="local"
                 themeSystem='bootstrap'
-                eventLimit="true"
+                // eventLimit="true"
                 height='75vh'
             />
             <DatePickerModal initialDate={initialDate} changeDate={changeDate} setChangeDate={setChangeDate} show={show} setShow={setShow} />

client/src/scss/custom.scss

@@ -73,9 +73,19 @@ button {
         text-decoration: none;
     }
 
-    & table > * {
+    & thead, tbody, tfoot, tr, td, th {
         border-style: none;
-        border-width: 0;
+    }
+
+    & table {
+        & thead {
+            background-color: crimson;
+            color: #fff;
+        }
+    }
+
+    & .fc-header-toolbar {
+        margin-bottom: 1em !important;
     }
 
     & .fc-prev-button, & .fc-next-button {