From 16f1633cf5e72cf26e91b3d30c324d1ce4850a7a Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Thu, 8 Apr 2021 16:26:54 +0100
Subject: [PATCH] add button style

---
 .../publication-detail/publication-detail.page.html   |  4 ++--
 src/app/pages/publications/publications.page.html     |  4 +++-
 src/global.scss                                       | 11 +++++++++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.html b/src/app/pages/publications/publication-detail/publication-detail.page.html
index 0d08d53cd..e937f9f16 100644
--- a/src/app/pages/publications/publication-detail/publication-detail.page.html
+++ b/src/app/pages/publications/publication-detail/publication-detail.page.html
@@ -2,7 +2,7 @@
   <ion-toolbar class="ion-no-border bg-blue">
     <div class="div-top-header">
     <div class="div-search">
-      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
+      <ion-icon tappable src='assets/images/icons-search.svg'></ion-icon>
     </div>
     <div class="div-logo">
       <img src='assets/images/logo-no-bg.png' alt='logo'>
@@ -20,7 +20,7 @@
     <div *ngIf="publication.Title != ''">
     <div class="title-content">
       <div class="back-icon">
-        <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+        <ion-icon tappable (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
       </div>
       <div class="div-title">
         <ion-label class="title"> {{publication.Title}}</ion-label>
diff --git a/src/app/pages/publications/publications.page.html b/src/app/pages/publications/publications.page.html
index 06f318e5c..2a7d2243c 100644
--- a/src/app/pages/publications/publications.page.html
+++ b/src/app/pages/publications/publications.page.html
@@ -21,7 +21,9 @@
               <ion-label class="title">Acções Presidenciais</ion-label>
             </div>
             <div class="div-icon">
-              <ion-icon (click)="AddPublicationFolder()" slot="end" src='assets/images/icons-add.svg'></ion-icon>
+              <button class="button" (click)="AddPublicationFolder()">
+                <ion-icon  slot="icon-only" src='assets/images/icons-add.svg'></ion-icon>
+              </button>
               <ion-icon (click)="doRefresh($event)" slot="icon-only" class="title-icon" name="reload-circle" title="Actualizar"></ion-icon>
             </div>
           </div>
diff --git a/src/global.scss b/src/global.scss
index 981f4f95c..86cb66cfc 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -576,4 +576,15 @@ border-top: 1px solid #d8d8d8;
   }
   ion-icon {
     pointer-events: none;
+  }
+  .button{
+    background: transparent;
+    margin: 0 !important;
+    padding: 0 !important;
+    ion-icon{
+      font-size: 35px;
+    }
+  }
+  .button:focus{
+    outline: 0;
   }
\ No newline at end of file