From 2dc9c950d9f5fa591927b171427f25631da59df5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Cie=C5=9Blak?= <michalcieslak@status.im>
Date: Tue, 28 Mar 2023 12:55:06 +0200
Subject: [PATCH] fix(StatusFlowSelector): minor adjustments to the design

---
 .../StatusQ/Components/StatusFlowSelector.qml | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml b/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml
index 2460423347..ead1fe6b68 100644
--- a/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml
+++ b/ui/StatusQ/src/StatusQ/Components/StatusFlowSelector.qml
@@ -64,6 +64,18 @@ StatusGroupBox {
     */
     property url placeholderImageSource
 
+    /*!
+       \qmlproperty int StatusFlowSelector::flowSpacing
+       This property specifies spacing between items in the selector.
+    */
+    property alias flowSpacing: flow.spacing
+
+    /*!
+       \qmlproperty int StatusFlowSelector::placeholderItemHeight
+       This property specifies the height of the placeholder item.
+    */
+    property int placeholderItemHeight: 32
+
     /*!
        \qmlproperty StatusListItemTag StatusFlowSelector::placeholder
        This property holds an alias to the placeholder item.
@@ -76,12 +88,6 @@ StatusGroupBox {
     */
     readonly property alias addButton: addItemButton
 
-    /*!
-       \qmlproperty int StatusFlowSelector::flowSpacing
-       This property specifies spacing between items in the selector.
-    */
-    property alias flowSpacing: flow.spacing
-
     implicitWidth: 560
 
     Flow {
@@ -93,6 +99,9 @@ StatusGroupBox {
         StatusListItemTag {
             id: placeholderListItemTag
 
+            leftPadding: 12
+            rightPadding: 12
+
             bgColor: Theme.palette.baseColor2
             title: root.placeholderText
             asset.name: root.placeholderImageSource
@@ -100,6 +109,8 @@ StatusGroupBox {
             closeButtonVisible: false
             titleText.color: Theme.palette.baseColor1
             titleText.font.pixelSize: 15
+
+            height: root.placeholderItemHeight
         }
 
         onPositioningComplete: {
@@ -114,7 +125,7 @@ StatusGroupBox {
         StatusRoundButton {
             id: addItemButton
 
-            implicitHeight: 32
+            implicitHeight: root.placeholderItemHeight
             implicitWidth: implicitHeight
             height: width
             type: StatusRoundButton.Type.Secondary