From 7160821c611fcebfb10bc6039972587077a49c81 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <petermaquiran29@gmail.com>
Date: Tue, 2 Feb 2021 12:28:37 +0100
Subject: [PATCH] Update calendar style

---
 src/app/pages/agenda/agenda.page.scss | 32 ++++++++------
 src/global.scss                       | 62 +++++++++++++++------------
 2 files changed, 54 insertions(+), 40 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss
index e6d46a248..4138ef403 100644
--- a/src/app/pages/agenda/agenda.page.scss
+++ b/src/app/pages/agenda/agenda.page.scss
@@ -12,16 +12,31 @@
 }
  
 
+ion-slide{
+    td{
+        div {
+            padding-left: 7px;
+            border-radius: 28px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            height: 25px;
+        }
+    }
+}
+
 :host ::ng-deep {
   .monthview-primary-with-event {
-    background-color: white !important;
+    /* background-color: white !important; */
   }
   
   .monthview-current{
-    background-color: red;
+    /* background-color: red; */
+    border-bottom: 1px solid lightskyblue !important;
   }
   .monthview-selected {
-    background-color: lightskyblue !important;
+    /* background-color: lightskyblue !important; */
   }
   .item{
     /* background: red !important; */
@@ -35,16 +50,7 @@
   }
 }
  
-.with-event {
-  background-color: #fff;
-  border-radius: 21px;
-  border-left: 3px solid #ffb703;
-  border-bottom: none;
-  border-right: 3px solid #f05d5e;
-  color: black;
-  margin: 0px auto;
-  width: 35px;
-}
+
 
 .main-header{
   width: 100%; /* 400px */
diff --git a/src/global.scss b/src/global.scss
index 4bd338052..06f45634b 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -30,36 +30,45 @@
 
 // calendar
 // ionic calendar2
+// calendar current day
 
-td.monthview-current{
-    color: white;
-    /* border-radius: 89px; */
-    background: lightskyblue  !important;
-    justify-content: center;
-    align-items: center;
-    /* display: flex; */
-    height: 100%;
-    div {
-        padding-left: 7px;
-        border-radius: 28px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-        /* color: white; */
+// current day
+ion-slide{
+    td{
+        div {
+            padding-left: 7px;
+            border-radius: 28px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            height: 25px;
+        }
     }
 }
 
-.monthview-secondary-with-event, .monthview-secondary-with-event[_ngcontent-dwf-c153]  {
+
+td.monthview-primary-with-event {
+    background-color: white !important;
+}
+// current date
+td.monthview-current{
+    border-bottom: 1px solid lightskyblue !important;
+    color: black !important;
+    background-color: white !important;
+}
+// selected date =============================
+td.monthview-selected {
+    background-color: lightskyblue !important;
+    color: white !important;
+}  
+
+td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-dwf-c153]  {
     background-color: white !important;
     color: black !important;
 }
 
-// selected date
-td.monthview-selected {
-    background-color: #42b9fe30 !important;
-    color: white !important;
-}  
+
 
 .event-detail-container{
     display: none;
@@ -89,6 +98,10 @@ td.monthview-selected {
     margin-left: 0px !important;
 }
 
+
+
+
+
 .cal-current-time-marker::before{
     width: 10px;
     height: 10px;
@@ -193,11 +206,6 @@ td.monthview-selected {
     border-bottom: none !important;
 }
 
-// current day
-td.monthview-current{
-    border-bottom: 1px solid #3a87ad !important;
-    color: black !important;
-}
 
 .calendar-profile{
     font-size: 36px