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

-- Fixed file picker loading
-- Fixed minor styling

Author: vikasrohit

app/directives/tc-fp-file-input/tc-fp-file-input.jade

@@ -6,9 +6,11 @@
   .tc-label__wrapper
     span.tc-label__asterisk.lowercase(ng-if="mandatory") #[span *]mandatory
     input.tc-file-field__input(
+      filepicker
       type="filepicker-dragdrop",
       data-fp-maxSize="{{maxSize}}",
       data-fp-button-class="tc-btn",
+      data-fp-drag-class="tc-fp-file-drag-drop"
       data-fp-services="{{fpServices}}",
       data-fp-multiple="false",
       data-fp-extensions="{{extensions}}",

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);
+  }
+}