block code editor: fix drag and drop

src/core/Resources/assets/css/admin.scss

@@ -817,6 +817,10 @@ label.required::after {
     }
   }
 
+  .block-root > .container .builder-add {
+    margin-top: 0;
+  }
+
   .block-settings {
     padding: 4px;
     margin-top: 10px;

src/core/Resources/assets/js/components/builder-block/BuilderBlock.vue

@@ -1,6 +1,19 @@
 <template>
-  <Draggable
+  <div
+    class="block block-root"
     v-if="Object.keys(widgets).length && value !== null"
+  >
+    <div class="container">
+      <BuilderBlockCreate
+        :container="value"
+        :widgets="widgets"
+        :openedBlocks="openedBlocks"
+        :allowedWidgets="[]"
+        v-if="value.length > 0"
+        position="top"
+      />
+    </div>
+    <Draggable
       v-model="value"
       :key="blockKey"
       :animation="200"
@@ -10,16 +23,7 @@
       @end="dragEnd"
       handle=".dragger"
       :class="{'block-show-dropzone': showDragDrop}"
-    class="block"
     >
-    <BuilderBlockCreate
-      :container="value"
-      :widgets="widgets"
-      :openedBlocks="openedBlocks"
-      :allowedWidgets="[]"
-      v-if="value.length > 0"
-      position="top"
-    />
       <BuilderBlockItem
         v-for="(block, key) in value"
         :key="block.id + '-' + key"
@@ -94,6 +98,7 @@
         </div>
       </dialog>
     </Draggable>
+  </div>
 </template>
 
 <script>
@@ -200,7 +205,6 @@ export default {
         }
 
       } catch (e) {
-        console.log(e)
         hasError = true
       }
 

src/core/Resources/assets/js/components/builder-block/BuilderBlockItem.vue

@@ -27,7 +27,7 @@
           type="button"
           class="block-header-item btn btn-sm btn-outline-secondary dragger"
         >
-          <span class="fa fa-arrows-alt"></span>
+          <span class="fa fa-arrows-alt dragger"></span>
         </button>
       </div>
 
@@ -40,7 +40,7 @@
           class="block-header-item btn btn-sm text-white bg-danger"
           v-on:click="removeMe(item)"
         >
-          <span class="fa fa-trash"></span>
+          <span class="fa fa-trash dragger"></span>
         </button>
       </div>
     </div>