From 60e1e5bdc784202bec7205e43fffdec0a09bb938 Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Mon, 27 Jun 2016 15:31:52 +0100
Subject: [PATCH] #263 fix css upload drag & drop area

---
 ng2-components/ng2-alfresco-upload/demo/src/main.ts          | 5 +++--
 ng2-components/ng2-alfresco-upload/package.json              | 2 +-
 .../src/components/upload-drag-area.component.css            | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ng2-components/ng2-alfresco-upload/demo/src/main.ts b/ng2-components/ng2-alfresco-upload/demo/src/main.ts
index 97fe2ea762..51a727e970 100644
--- a/ng2-components/ng2-alfresco-upload/demo/src/main.ts
+++ b/ng2-components/ng2-alfresco-upload/demo/src/main.ts
@@ -61,13 +61,14 @@ import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload';
 
                <br><br>
 
-               <alfresco-upload-drag-area (onSuccess)="customMethod($event)" >
-                     <div style="width: 200px; height: 100px; border: 1px solid #888888">
+               <alfresco-upload-drag-area (onSuccess)="customMethod($event)" class="upload-border">
+                     <div class="drag-area">
                          DRAG HERE
                      </div>
                </alfresco-upload-drag-area>
                <file-uploading-dialog></file-uploading-dialog>
                `,
+    styles: [`.upload-border { position: absolute; padding: 5px 5px }`, `.drag-area { width: 200px; height: 100px; border: 1px solid #888888;}`],
     directives: [ALFRESCO_ULPOAD_COMPONENTS]
 })
 export class MyDemoApp implements OnInit {
diff --git a/ng2-components/ng2-alfresco-upload/package.json b/ng2-components/ng2-alfresco-upload/package.json
index 353d4c5ddd..74432e75fd 100644
--- a/ng2-components/ng2-alfresco-upload/package.json
+++ b/ng2-components/ng2-alfresco-upload/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ng2-alfresco-upload",
   "description": "Alfresco Angular2 Upload Component",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "author": "Alfresco Software, Ltd.",
   "scripts": {
     "clean": "rimraf dist node_modules typings",
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
index c8ec7cb0a9..a728c81263 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
@@ -1,11 +1,11 @@
 .upload-border {
     vertical-align: middle;
     color: #555;
-    padding: 20px;
     text-align: center;
 }
 
 .input-focus {
     color: #2196F3;
+    margin-left: 3px;
     border: 3px dashed #2196F3;
 }