From b2d808c92352d294ee600f8a184f72c445afa281 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Thu, 8 Apr 2021 16:53:16 +0100
Subject: [PATCH] Improve buttons

---
 src/app/pages/agenda/agenda.page.html            | 16 +++++++++++++---
 .../agenda/view-event/view-event.page.html       | 12 ++++++++----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index b4192fd09..d9d8a14da 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -42,9 +42,19 @@
       
                 </ion-row>
                 <ion-row class="ion-align-items-center">
-                  <ion-icon  *ngIf="profile == 'mdgpr' " (click)="changeProfile()" class="right-icons d-md-none" src="assets/images/icons-profile-calendar-md.svg">ddddddd</ion-icon>
-                  <ion-icon *ngIf="profile == 'pr' " (click)="changeProfile()" class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg">dddddddd</ion-icon>
-                  <ion-icon (click)="viewEventsToApprove()" class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
+
+                  <button *ngIf="profile == 'mdgpr' " (click)="changeProfile()" class="right-icons d-md-none">
+                    <ion-icon   src="assets/images/icons-profile-calendar-md.svg">ddddddd</ion-icon>
+                  </button>
+                  
+                  <button  *ngIf="profile == 'pr' " (click)="changeProfile()" class="btn-no-color">
+                    <ion-icon class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg">dddddddd</ion-icon>
+                  </button>
+
+                  <button class="btn-no-color" (click)="viewEventsToApprove()">
+                    <ion-icon  class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
+                  </button>
+                  
                   <button class="btn-no-color" (click)="clearContact();openAddEvent()">
                     <ion-icon  class="right-icons" src="assets/images/icons-add-new-event.svg" ></ion-icon>
                   </button>
diff --git a/src/app/shared/agenda/view-event/view-event.page.html b/src/app/shared/agenda/view-event/view-event.page.html
index e3378e3ca..7d3bbc0ed 100644
--- a/src/app/shared/agenda/view-event/view-event.page.html
+++ b/src/app/shared/agenda/view-event/view-event.page.html
@@ -2,15 +2,19 @@
   <ion-toolbar class="header-toolbar">
     <div class="main-header px-20">
       <div class="title-content d-flex"  >
-        <div class="left">
-          <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+        <div class="left" (click)="close()">
+          <ion-icon  slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
         </div>
         <div class="middle flex-grow-1">
           <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
         </div>
         <div class="div-icon">
-          <ion-icon class="edit" (click)="editEvent()" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
-          <ion-icon class="delete" (click)="deleteEvent()" name="trash-sharp"></ion-icon> 
+          <button class="btn-no-color" (click)="editEvent()">
+            <ion-icon class="edit"  slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
+          </button>
+          <button class="btn-no-color" (click)="deleteEvent()">
+            <ion-icon class="delete"  name="trash-sharp"></ion-icon> 
+          </button>
         </div>
       </div>
     </div>