From 3d0853708176c8bbc0c7438c979c0b5a663c56da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 10 Sep 2018 12:59:11 +0200
Subject: [PATCH] MOBILE-2567 ux: Add padding to delete icons

---
 src/app/app.scss                               | 3 ++-
 src/components/local-file/core-local-file.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/app.scss b/src/app/app.scss
index 04a8bb6cd..6019015fe 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -406,7 +406,8 @@ ion-app.app-root {
   .item .item-button[icon-only] {
       height: 2.8em;
       font-size: 1.6rem;
-      padding: 0 3px;
+      padding: 8px 11px;
+      margin: 0;
   }
 
   // Ionic fix. Button can occupy all page if not.
diff --git a/src/components/local-file/core-local-file.html b/src/components/local-file/core-local-file.html
index fe68564d6..a988397a9 100644
--- a/src/components/local-file/core-local-file.html
+++ b/src/components/local-file/core-local-file.html
@@ -12,7 +12,7 @@
         <ion-input type="text" name="filename" [placeholder]="'core.filename' | translate" autocapitalize="none" autocorrect="off" (click)="$event.stopPropagation()" [core-auto-focus] [(ngModel)]="newFileName" *ngIf="editMode"></ion-input>
 
         <div class="buttons" item-end *ngIf="manage">
-            <button *ngIf="!editMode" ion-button icon-only clear (click)="activateEdit($event)" [attr.aria-label]="'core.edit' | translate" color="dark">
+            <button *ngIf="!editMode" ion-button icon-only clear [core-suppress-events] (onClick)="activateEdit($event)" [attr.aria-label]="'core.edit' | translate" color="dark">
                 <ion-icon name="create" ios="md-create"></ion-icon>
             </button>