improving layout

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

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

@@ -28,29 +28,37 @@
 <% content_for :learning_object_studio_content do %>
     <h3 class="head text-center">Envie uma foto de destaque para <strong><%= @learning_object.name %></strong></h3>
 
-    <%= form_for @learning_object, url: wizard_path, method: :put, html: { multipart: true } do |f| %>
-        <div id="preview_image_target">
-          <div>
-            <% unless @learning_object.thumbnail.blank? %>
-                <%= image_tag @learning_object.default_thumbnail.url(:medium) %>
-                <i id="remove_thumbnail" class="fa fa-trash fa-1"></i>
-            <% end %>
+    <div align="center">
+      <%= form_for @learning_object, url: wizard_path, method: :put, html: { multipart: true } do |f| %>
+          <div id="preview_image_target" align="left">
+            <div>
+              <% unless @learning_object.thumbnail.blank? %>
+                  <div class="imageWrapper" style="position: relative;">
+                    <%= image_tag @learning_object.default_thumbnail.url(:medium), style: "position: relative; z-index: 1;" %>
+                    <i data-toggle="tooltip" title="Deletar Thumbnail" id="remove_thumbnail" class="fa fa-times fa-5x" style="position: absolute;left:0px; top: 0px;z-index: 10;"></i>
+                  </div>
+
+              <% end %>
+            </div>
           </div>
-        </div>
 
-        <%=  f.file_field :thumbnail, required: true, id: 'thumbnail_btn'  %>
+          <div align="left" style="margin-top: 10pt">
+            <%=  f.file_field :thumbnail, required: true, id: 'thumbnail_btn'  %>
+
 
-        <button type="submit" class="btn-submit btn btn-success btn-outline-rounded green">
-          Enviar <i style="margin-left:10px;" class="fa fa-paper-plane"></i>
-        </button>
+            <button type="submit" class="btn-submit btn btn-success btn-outline-rounded green">
+              Enviar <i style="margin-left:10px;" class="fa fa-paper-plane"></i>
+            </button>
 
-        <%= link_to next_wizard_path do %>
-            <button type="button" class="btn-submit btn btn-warning btn-outline-rounded yellow">Pular etapa</button>
-        <% end %>
-        <%= link_to :back do %>
-            <button type="button" class="btn-submit btn btn-danger btn-outline-rounded red">Voltar</button>
-        <% end %>
-    <% end %>
+            <%= link_to next_wizard_path do %>
+                <button type="button" class="btn-submit btn btn-warning btn-outline-rounded yellow">Pular etapa</button>
+            <% end %>
+            <%= link_to :back do %>
+                <button type="button" class="btn-submit btn btn-danger btn-outline-rounded red">Voltar</button>
+            <% end %>
+          </div>
+      <% end %>
+    </div>
     <script>
       $("#remove_thumbnail").click(function(){
         if(confirm("Você tem certeza?")){