From 05904fa4da0710f9f2b759046a446e1040656f8e Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Fri, 3 Feb 2023 10:51:35 +0700
Subject: add discountLabel background

---
 ClassicDetailFlickable.ui.qml | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/ClassicDetailFlickable.ui.qml b/ClassicDetailFlickable.ui.qml
index 3027acf..76d8e57 100644
--- a/ClassicDetailFlickable.ui.qml
+++ b/ClassicDetailFlickable.ui.qml
@@ -89,7 +89,7 @@ Flickable {
 						ColumnLayout {
 
 							RowLayout {
-
+								implicitWidth: price.width + originalPrice.width + discountLabel.width
 								Label {
 									id: price
 									text: "$150"
@@ -103,10 +103,20 @@ Flickable {
 									font.strikeout: true
 								}
 
-								Label {
-									id: discount
-									text: qsTr("60% off")
-									font.pixelSize: 14
+								Rectangle {
+									id: discountLabel
+									implicitWidth: discount.width
+									implicitHeight: discount.height
+									radius: 8
+									color: "#6c757d"
+									Label {
+										id: discount
+										text: qsTr("60% off")
+										font.pixelSize: 14
+										horizontalAlignment: Text.AlignHCenter
+										verticalAlignment: Text.AlignVCenter
+										padding: 4
+									}
 								}
 							}
 
-- 
cgit v1.2.3