Changes on home page | styles

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

@@ -1,10 +1,9 @@
 <ion-header translucent="true">
   <ion-toolbar>
-    <ion-buttons slot="start">
-      <button (click)="logout()" class="ion-icon-logout">
-        <ion-icon name="log-out-outline">Sair</ion-icon>      
-      </button>
-    </ion-buttons>
+      <ion-buttons slot="start" class="logout-button"  (click)="logout()">
+        <ion-icon slot="start" name="log-out-outline"></ion-icon>
+        <ion-label>Sair</ion-label>
+      </ion-buttons> 
   <!-- customized TOGGLE button -->
   <label class="switch"><input type="checkbox" id="togBtn">
     <div class="slider round">
@@ -13,7 +12,7 @@
 </label>
 </ion-toolbar>
   <ion-toolbar>
-    <ion-title>
+    <ion-label>
       <ion-item class="ion-text-header-top" lines="none">
         <div class="div-logo">
           <img src='assets/images/logo.png' alt='logo'>
@@ -32,7 +31,7 @@
           <p class="p-small">{{customDate}}</p>
         </ion-label>
       </ion-item>
-    </ion-title>
+    </ion-label>
   </ion-toolbar> 
 </ion-header>