From 3b57ece3380ea298afc1d3c51f213b329ad02e6d Mon Sep 17 00:00:00 2001
From: Alex Jbanca <alexjb@status.im>
Date: Mon, 18 Mar 2024 10:14:35 +0200
Subject: [PATCH] fix(ProfileShowcase|): Change stroke position from the
 outside to inside

---
 .../Profile/panels/ProfileShowcasePanel.qml   | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml b/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml
index 961f109071..f262f3898b 100644
--- a/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml
+++ b/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml
@@ -321,22 +321,31 @@ DoubleFlickableWithFolding {
 
         visible: d.dragItem && d.dragItem.showcaseMaxVisibility >= showcaseVisibility
 
-        background: ShapeRectangle {
-            path.strokeColor: dropArea.containsDrag ? Theme.palette.primaryColor2 : Theme.palette.directColor7
-            path.fillColor: dropArea.containsDrag ? Theme.palette.primaryColor3 : Theme.palette.getColor(Theme.palette.baseColor4, 0.7)
-
-            DropArea {
-                id: dropArea
+        background: Rectangle {
+            id: shapeWrapper
 
+            color: dropArea.containsDrag ? Theme.palette.primaryColor3 : Theme.palette.getColor(Theme.palette.baseColor4, 0.7)
+            radius: Style.current.radius
+            
+            ShapeRectangle {
                 anchors.fill: parent
-                keys: visibilityDropAreaButton.dropAreaKeys
+                anchors.margins: path.strokeWidth / 2
+                radius: shapeWrapper.radius
+                path.strokeColor: dropArea.containsDrag ? Theme.palette.primaryColor3 : Theme.palette.directColor7
+                path.fillColor: "transparent"
+                DropArea {
+                    id: dropArea
 
-                onEntered: function(drag) {
-                    drag.accept()
-                }
+                    anchors.fill: parent
+                    keys: visibilityDropAreaButton.dropAreaKeys
 
-                onDropped: function(drop) {
-                    d.setVisibilityInternalRequested(drop.source.key, visibilityDropAreaButton.showcaseVisibility)
+                    onEntered: function(drag) {
+                        drag.accept()
+                    }
+
+                    onDropped: function(drop) {
+                        d.setVisibilityInternalRequested(drop.source.key, visibilityDropAreaButton.showcaseVisibility)
+                    }
                 }
             }
         }