From fee0ff32a8ab358c63ed4bb47713fbb0d358fb1c Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Fri, 4 Nov 2016 12:00:32 +0000
Subject: [PATCH] #748 attach widget improvements

- material remove button (same look cross browser)
- word wrapping for long file names
---
 .../src/components/widgets/upload/upload.widget.css          | 5 +++--
 .../src/components/widgets/upload/upload.widget.html         | 5 ++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.css b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.css
index d7b508b84e..4a628aad07 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.css
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.css
@@ -1,5 +1,6 @@
 .upload-widget {
-    width:100%
+    width:100%;
+    word-break: break-all;
 }
 
 .upload-widget__icon {
@@ -13,7 +14,7 @@
 
 .upload-widget__reset {
     float: left;
-    margin-top: 4px;
+    margin-top: -2px;
 }
 
 .upload-widget__invalid .upload-widget__label {
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.html
index ce0580310c..855f76a252 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.html
@@ -10,7 +10,10 @@
                [attr.id]="field.id"
                class="upload-widget__file"
                (change)="onFileChanged($event)">
-        <button *ngIf="hasFile" (click)="reset(file);" class="upload-widget__reset">X</button>
+        <button *ngIf="hasFile" (click)="reset(file);"
+                class="mdl-button mdl-js-button mdl-button--icon upload-widget__reset">
+            <i class="material-icons">highlight_off</i>
+        </button>
     </div>
     <span *ngIf="field.validationSummary" class="mdl-textfield__error">{{field.validationSummary}}</span>
 </div>