When in Landing page and dragging an block element from one place to another:
1. Show drag icon when performing the interaction (from mouse hovering over draggable area or mouse down in draggable area to mouse release); same as when drag&drop block elements from the right column to the landing page zone.
2. Draggable area increased throughout the label up to the actions zone (Add content, Settings, Delete actions are not included within draggable area) They remain inactive when the drag interaction is working.
3. Dragged block has a solid border line, and a 0.75 opacity (same current background-color)
4. When performing drag interaction, drag pointer should remain at the same place on the block element where the user clicked on (draggable zone) until the block is dropped on new valid area.
See image attached for further reference:
-> "DragDrop_New_Start.png", new draggable area incremented.
-> "DragDrop_4.png", dragged block.