Moved media "remove file" and "Choose file" on one line. UI Sugar

src/Umbraco.Web.UI.Client/src/less/property-editors.less

@@ -560,18 +560,21 @@ ul.color-picker li a  {
   background: #efefef;
   float: left;
   margin-right: 30px;
-  margin-bottom: 30px
+  margin-bottom: 30px;
 }
+
 .umb-fileupload ul {
   list-style: none;
   vertical-align: middle;
-  margin-bottom: 0px
+  margin-bottom: 0px;
 }
+
 .umb-fileupload label {
   vertical-align: middle;
   padding-left: 7px;
-  font-weight: normal
+  font-weight: normal;
 }
+
 .umb-fileupload .preview-file {
   color: #666;
   height: 45px;
@@ -579,10 +582,12 @@ ul.color-picker li a  {
   text-align: center;
   text-transform: uppercase;
   font-size: 10px;
-  padding-top: 27px
+  padding-top: 27px;
 }
+
 .umb-fileupload input {
-  font-size: 12px
+  font-size: 12px;
+  line-height: 1;
 }
 
 //

src/Umbraco.Web.UI.Client/src/views/propertyeditors/fileupload/fileupload.html

@@ -1,19 +1,19 @@
 <div class="umb-editor umb-fileupload" ng-controller="Umbraco.PropertyEditors.FileUploadController">
-    
-    <div ng-show="persistedFiles.length > 0">        
+
+    <div ng-show="persistedFiles.length > 0">
         <ul class="thumbnails">
             <li class="span4 thumbnail" ng-repeat="file in persistedFiles">
                 <a href="{{file.file}}" target="_blank" ng-switch on="file.isImage" >
                     <img ng-src="{{file.thumbnail}}" ng-switch-when="true" alt="{{file.file}}"/>
                     <span ng-switch-default>{{file.file}}</span>
-                </a>                
+                </a>
             </li>
         </ul>
 
         <input type="checkbox" id="clearFiles-{{model.id}}" name="clearFiles" ng-model="clearFiles" />
-        <label for="clearFiles-{{model.id}}">
-            <localize key="content_uploadClear">Clear files</localize>
-        </label>
+            <label for="clearFiles-{{model.id}}" class="inline" style="font-size: 13px; vertical-align: top;">
+                <localize key="content_uploadClear">Clear files</localize>
+            </label>
         <hr/>
     </div>
 
@@ -23,9 +23,9 @@
         </div>
         <ul ng-show="files.length > 0">
             <li ng-repeat="file in files">{{file.file.name}}</li>
-        </ul> 
+        </ul>
     </div>
 
     <input type="hidden" name="fileCount" ng-model="files.length" val-property-validator="validateMandatory"/>
 
-</div>
+</div>