fix agenda colors

src/app/pages/agenda/agenda.page.html

@@ -248,7 +248,6 @@
           <div class="timeline-container height-100 d-flex pt-20 pl-20 pl-20 filter-{{segment}}"  >
 
             <div  class="ss-timeline timeline-mobile flex-grow-1  d-md-none text-black height-100 width-100 overflow-y-auto" >
-
               <div *ngFor="let events of TimelineMDList | keyvalue;" >
 
                 <div  class="EventListBox-container" >

src/app/pages/agenda/agenda.page.scss

@@ -582,6 +582,34 @@ td.monthview-primary-with-event {
 }
 
 
+.myCalendar {
+  .content--Oficial {
+    border-radius: 5px;
+    border-right: 5px solid #ffb703;
+    overflow: auto;
+  }
+  .content--Pessoal {
+    border-radius: 5px;
+    border-right: 5px solid #f05d5e;
+    overflow: auto;
+  }
+}
+
+.sharedCalendar {
+  .content-Oficial{
+    width: 85%;
+    float: left;
+    border-left: 4px solid #cab0dc;
+    padding: 0 0 0 12px;
+  }
+  .content-Pessoal{
+    width: 85%;
+    float: left;
+    border-left: 4px solid #cbeecb;
+    padding: 0 0 0 12px;
+  }
+}
+
 .calendar-border{
   background: #ebebeb;
   margin: 13px 20px;

src/app/pages/agenda/agenda.page.ts

@@ -808,8 +808,6 @@ export class AgendaPage implements OnInit {
 
             this.addEventToDB(response, "md");
             let eventsList = response;
-
-            console.log('response', response);
   
             this.CalendarStore.removeRange(startTime, endTime, 'md')
   
@@ -820,7 +818,7 @@ export class AgendaPage implements OnInit {
   
             this.TimelineMDList = this.listBoxService.list(this.listToPresent, 'md', this.rangeStartDate, this.rangeEndDate, { segment: this.segment, selectedDate: this.eventSelectedDate })
             
-            console.log('this.TimelineMDList', this.TimelineMDList);
+            // console.log('this.TimelineMDList', this.TimelineMDList);
 
             this.myCal.update();
             this.myCal.loadEvents();