Add similar helper text to composite section

client/galaxy/scripts/mvc/upload/composite/composite-view.js

@@ -190,11 +190,11 @@ return Backbone.View.extend({
         if (model && model.get('status') == 'running') {
             this.select_genome.disable();
             this.select_extension.disable();
-            this.$('#upload-info').html('Please wait...');
+            this.$('.upload-helper').fadeOut('fast');
         } else {
             this.select_genome.enable();
             this.select_extension.enable();
-            this.$('#upload-info').html('You can Drag & Drop files into the rows.');
+            this.$('.upload-helper').fadeIn('fast');
         }
         if (this.collection.where({ status : 'ready' }).length == this.collection.length && this.collection.length > 0) {
             this.btnStart.enable();
@@ -228,9 +228,6 @@ return Backbone.View.extend({
     // load html template
     _template: function() {
         return  '<div class="upload-view-composite">' +
-                    '<div class="upload-top">' +
-                        '<h6 id="upload-info" class="upload-info"/>' +
-                    '</div>' +
                     '<div id="upload-footer" class="upload-footer">' +
                         '<span class="footer-title">Composite Type:</span>' +
                         '<span id="footer-extension"/>' +
@@ -239,6 +236,7 @@ return Backbone.View.extend({
                         '<span id="footer-genome"/>' +
                     '</div>' +
                     '<div id="upload-box" class="upload-box">' +
+                        '<div class="upload-helper">Drop files into rows</div>' +
                         '<table id="upload-table" class="ui-table-striped" style="display: none;">' +
                             '<thead>' +
                                 '<tr>' +

client/galaxy/scripts/mvc/upload/default/default-view.js

@@ -508,7 +508,7 @@ return Backbone.View.extend({
             this.$('.upload-helper').hide();
         } else {
             this.$('#upload-table').hide();
-            this.$('.upload-helper').show().html('Drop files here');
+            this.$('.upload-helper').show();
         }
     },
 
@@ -537,7 +537,7 @@ return Backbone.View.extend({
                         '<h6 id="upload-info" class="upload-info"/>' +
                     '</div>' +
                     '<div id="upload-box" class="upload-box">' +
-                        '<div class="upload-helper"/>' +
+                        '<div class="upload-helper">Drop files here</div>' +
                         '<table id="upload-table" class="ui-table-striped" style="display: none;">' +
                             '<thead>' +
                                 '<tr>' +

client/galaxy/style/less/upload.less

@@ -169,12 +169,17 @@
         border: 1px solid @btn-default-border;
         margin-top: 10px;
         background: lighten(@btn-default-border, 30%);
+        .upload-helper {
+            position: absolute;
+            padding: 0px;
+            top: 420px;
+        }
         .title {
             width: 210px;
         }
     }
-    .upload-buttons {
-        padding-top: 20px;
+    .upload-footer {
+        margin-top: 35px;
     }
 }
 
@@ -237,7 +242,7 @@
 }
 
 .upload-footer {
-    height:5%;
+    height:20px;
     text-align:left;
     max-height:20px;
     line-height:18px;
@@ -266,7 +271,7 @@
 }
 
 .upload-top {
-    height:5%;
+    height:20px;
     text-align:center;
     .upload-info {
         margin-top: 0px;