From 7600498ebcd6e98eb3097e5550df7c51396f0ba3 Mon Sep 17 00:00:00 2001
From: Robert Swoboda <53216935+Gengar-i@users.noreply.github.com>
Date: Tue, 5 Sep 2023 10:23:54 +0200
Subject: [PATCH] IBX-6251: Redesign Dropzones

---
 .../public/scss/mixins/_drag-and-drop.scss          | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss b/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
index e1b679a741..081e11483c 100644
--- a/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
+++ b/src/bundle/Resources/public/scss/mixins/_drag-and-drop.scss
@@ -392,7 +392,7 @@
 
     display: flex;
     background: $ibexa-color-light-300;
-    margin-bottom: calculateRem(8px);
+    margin-top: calculateRem(8px);
     border-radius: $ibexa-border-radius;
 
     &:hover:not(&--is-non-interactive) {
@@ -517,14 +517,9 @@
 
 @mixin drag-item-placeholder {
     display: flex;
-    height: calculateRem(4px);
-    border-radius: calculateRem(2px);
-    background-color: $ibexa-color-info;
-    margin: 0 0 calculateRem(8px) 0;
-
-    &--anchored {
-        background-color: $ibexa-color-light-300;
-    }
+    border: calculateRem(2px) solid $ibexa-color-info;
+    border-radius: calculateRem(8px);
+    margin-top: calculateRem(8px);
 
     &--hidden {
         display: none;