AS#152122905738603, Fix alignment and copy for Files upload section

-- Fixed all sub tasks except >> On the right-hand side, move comma as so: "declaration.txt,"

Author: vikasrohit

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

@@ -40,7 +40,7 @@ import _ from 'lodash'
         } else if (scope.fieldId.indexOf('DESIGN_COVER') > -1) {
           scope.mimeTypes = 'image/png,image/jpeg,image/bmp'
           dragAreaClasses += ' tc-fp-file-drag-drop-image'
-          dragText = 'Drag and Drop your PNG or JPG file here <br> or'
+          dragText = 'Drag and drop your .png or .jpg file here <br> or'
         }
 
         // set default services

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

@@ -1,6 +1,6 @@
 .tc-file-field__label
   label.tc-label {{labelText}}
-    span.lowercase(ng-if="showFileType") {{ ' *(.' + fileType + ')'}}
+    //- span.lowercase(ng-if="showFileType") {{ ' *(.' + fileType + ')'}}
 
 .tc-file-field__inputs
   .tc-label__wrapper

app/submissions/submit-design-files/submit-design-files.jade

@@ -23,7 +23,7 @@
 
           p Please be sure to double-check that you have submitted the correct files and that your JPG files (if applicable) are in RGB color mode.
 
-          a(ng-href="https://help.{{DOMAIN}}/hc/en-us/articles/219122667-Formatting-Your-Submission-for-Design-Challenges") Learn more about formatting your submission file
+          a(ng-href="https://help.{{DOMAIN}}/hc/en-us/articles/219122667-Formatting-Your-Submission-for-Design-Challenges") Learn more about formatting your submission file.
 
       .form-block__fields
         .fieldset.files

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

@@ -27,6 +27,10 @@ tc-fp-file-input {
     z-index: 1;
   }
 
+  .tc-label__asterisk {
+    right: 0px;
+  }
+
   .tc-fp-file-drag-drop {
     width: calc(100% - 4px);
     left: 0;
@@ -36,6 +40,7 @@ tc-fp-file-input {
     position: relative;
     color: $tc-gray-50 !important;
     padding: 25px !important;
+    margin-left: 0px !important;
     text-align: center;
 
     // div used to show progress bar for drop upload

assets/css/submissions/submit-file.scss

@@ -79,7 +79,7 @@ tc-fp-file-input {
   flex-wrap: wrap;
   justify-content: space-around;
 
-  @media screen and (min-width: 1000px) {
+  @media screen and (min-width: 875px) {
     justify-content: space-between;
   }
 }