AS#145319139176894, Submissions: File picker not working on dev

-- Fixed minor styling

Author: vikasrohit

app/directives/tc-fp-file-input/tc-fp-file-input.directive.js

@@ -60,6 +60,7 @@ import _ from 'lodash'
         input.setAttribute('data-fp-maxSize', scope.maxSize)
         input.setAttribute('data-fp-services', scope.fpServices)
         input.setAttribute('data-fp-button-class', 'tc-btn')
+        input.setAttribute('data-fp-drag-class', 'tc-fp-file-drag-drop')
         input.setAttribute('data-fp-multiple', false)
         input.setAttribute('data-fp-extensions', scope.extensions)
         input.setAttribute('data-fp-store-location', 's3')

app/index.js

@@ -118,6 +118,7 @@ require('../assets/css/directives/challenge-tile.scss')
 require('../assets/css/directives/challenge-links.directive.scss')
 require('../assets/css/directives/badge-tooltip.scss')
 require('../assets/css/directives/tc-banner.scss')
+require('../assets/css/directives/tc-fp-file-input.directive.scss')
 require('../assets/css/community/statistics.scss')
 require('../assets/css/community/members.scss')
 require('../assets/css/community/community.scss')

assets/css/directives/tc-fp-file-input.directive.scss

@@ -0,0 +1,11 @@
+@import 'topcoder/tc-includes';
+
+tc-fp-file-input {
+  .tc-btn {
+    margin-bottom: 5px;
+  }
+
+  .tc-fp-file-drag-drop {
+    width: calc(100% - 4px);
+  }
+}