add button style

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>

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>

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;
   }