Save

src/app/pages/events/events.page.html

@@ -1,4 +1,5 @@
-<ion-header translucent="true">
+<div class="header-toolbar">
+<ion-header translucent="true" >
   <ion-toolbar>
     <ion-title>
       <ion-item class="ion-text-header-top" lines="none">
@@ -22,6 +23,7 @@
     </ion-title>
   </ion-toolbar> 
 </ion-header>
+</div>
 
 <ion-content>
   <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
@@ -34,7 +36,7 @@
     </ion-refresher-content>
   </ion-refresher>
   <!-- TABS -->
-  <ion-toolbar >
+  <ion-toolbar>
     <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
       <ion-segment-button value="Combinada">
         Combinada
@@ -55,7 +57,7 @@
           <ion-item lines="none" 
           *ngFor="let event of eventsList"
           [routerLink]="['/home/events', event.EventId]">
-            <div class="div-item">
+            <div class="div-item-{{event.CalendarName}}">
               <div class="div-up">
                 <div class="div-icon">
                   <ion-icon slot="start" name="reader"></ion-icon>
@@ -88,7 +90,7 @@
           <ion-item lines="none" 
           *ngFor="let event of officialeventsList"
           [routerLink]="['/home/events', event.EventId]">
-            <div class="div-item">
+            <div class="div-item-{{event.CalendarName}}">
               <div class="div-up">
                 <div class="div-icon">
                   <ion-icon slot="start" name="reader"></ion-icon>
@@ -121,7 +123,7 @@
           <ion-item lines="none" 
           *ngFor="let event of personaleventsList"
           [routerLink]="['/home/events', event.EventId]">
-            <div class="div-item">
+            <div class="div-item-{{event.CalendarName}}">
               <div class="div-up">
                 <div class="div-icon">
                   <ion-icon slot="start" name="reader"></ion-icon>