Working : images : enhance display

templates/admin/default/assets/js/image-upload.js

@@ -74,8 +74,10 @@ $(function($){
             e.preventDefault();
             var $this = $(this);
             var $parent = $this.parent();
-            $parent.find('a').remove();
-            $parent.append('<div class="loading" ></div>');
+            var $greatParent = $parent.parent();
+
+            $greatParent.append('<div class="loading" ></div>');
+            $greatParent.find('.btn-group').remove();
             var $url = $this.attr("href");
             var errorMessage = $this.attr("data-error-message");
             $.ajax({
@@ -89,8 +91,7 @@ $(function($){
                     }
                 }
             }).done(function(data) {
-                $parent.parents('tr').remove();
-
+                $greatParent.remove();
                 $(".image-manager .message").html(
                     data
                 );

templates/admin/default/assets/less/thelia/thelia.less

@@ -288,4 +288,29 @@
   line-height: 30px;
   padding-left: 40px;
   width: auto;
-}
+}
+
+
+.existing-image .col-sm-6{
+    position: relative;
+    margin-bottom: 30px;
+
+    .btn-group{
+        position: absolute;
+        bottom: 5px;
+        right: 20px;
+    }
+
+    .loading{
+        position: absolute;
+        bottom: 5px;
+        right: 20px;
+        display: block;
+        line-height: 1;
+        padding: 0;
+        margin: 0 auto;
+        z-index: 2;
+        width: 30px;
+        height: 30px;
+    }
+}