imporving upload layout

Signed-off-by: man13 <man13@inf.ufpr.br>

app/views/learning_objects/build/_file_upload_form.html.erb

@@ -14,14 +14,16 @@
       <strong>Ops!</strong> Você precisa selecionar pelo menos um arquivo!
     </div>
 
-    <div id="dragHere" class="panel drop-zone">Arraste e solte os arquivos de seu computador aqui.</div>
+    <div id="dragHere" class="panel drop-zone">
+      <button id="browseButton"><i class="fa fa-upload fa-5x"></i></button><br>
+      <div id="selectFiles">Selecione arquivos para enviar ou</div>
+      <p>Arraste e solte os arquivos de seu computador aqui.</p>
+    </div>
     <div id="results" class="panel"></div>
   </div>
 
   <div class="large-12 columns">
-    <button class="inverse small" id="browseButton">+ Selecionar arquivos</button>
     <button class="danger small" id="uploadFiles">Publicar conteúdo</button>
-
     <%= link_to @learning_object do %>
         <button class="inverse small" id="nextStep">Visualizar objeto</button>
     <% end %>
@@ -29,11 +31,21 @@
 </div>
 
 <style>
+  #browseButton:hover{
+    background-color: #64BEF5;
+  }
+
+  .drop-zone > #selectFiles{
+    padding-top: 10px;
+    font-family: 'Roboto-Ultra-Bold', sans-serif;
+    font-size: 18pt;
+    color: #64BEF5;
+  }
   .drop-zone {
     text-align: center;
     border: 2px dashed #2178f5;
-    height: 90px;
-    padding-top: 30px;
+    padding-top: 50px;
+    padding-bottom: 50px;
   }
 
   .danger, .danger:hover {

app/views/shared/application/_header.html.erb

@@ -15,6 +15,7 @@
         </div>
       </div>
   <% end %>
+  <link href='https://fonts.googleapis.com/css?family=Roboto:100,900' rel='stylesheet' type='text/css'>
   <div class="out-of-home">
   <div class="search-bar">
     <div class="container">