Implementation of edit profile separator

Just use rectangle with 1 pixel of height,
and make the colour half as thin, because
the top & bottom lines will make it full.

1 files changed, 20 insertions, 17 deletions

diff --git a/InstructorEditProfile.ui.qml b/InstructorEditProfile.ui.qml
index 4411d11..0d3a045 100644
--- a/InstructorEditProfile.ui.qml
+++ b/InstructorEditProfile.ui.qml
@@ -36,26 +36,29 @@ Flickable {
 					ColumnLayout {
 						id: editProfile
 
+						Label {
+							id: cardHeader
+							text:
+							qsTr("Edit Profile")
+							padding: 16
+							font {
+								family:
+								doesntEmbed
+								? "Roboto"
+								: bold.name
+								weight: Font
+									.Bold
+								pointSize: 23
+							}
+						}
+
 						Rectangle {
-							implicitWidth:
-							cardHeader.width
-							implicitHeight:
-							cardHeader.height
-							radius: 8
+							width: cardHeader.width
+							height: 1
 							border {
 								width: 1
-								color: "#1a000000"
-							}
-
-							Label {
-								id: cardHeader
-								text: qsTr("Edit Profile")
-								padding: 16
-								font {
-									family: doesntEmbed ? "Roboto" : bold.name
-									weight: Font.Bold
-									pointSize: 23
-								}
+								color:
+								"#0a000000"
 							}
 						}