Merge pull request #1509 from crazyserver/MOBILE-2567

MOBILE-2567 ux: Add padding to delete icons

Author: jleyva

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.

src/components/local-file/core-local-file.html

@@ -12,7 +12,7 @@ <h2 *ngIf="!editMode">{{fileName}}</h2>
         <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>