Each header has its own QML

3 files changed, 4 insertions, 14 deletions

diff --git a/Course/Detail/Classic.ui.qml b/Course/Detail/Classic.ui.qml
index f09692b..4a1f1a9 100644
--- a/Course/Detail/Classic.ui.qml
+++ b/Course/Detail/Classic.ui.qml
@@ -42,7 +42,7 @@ Flickable {
 					implicitHeight: introBadge.height
 					radius: 5.2
 					color: Qt.rgba( .0235, .416, .788, 1.0)
-					Lbl.Hx {
+					Lbl.H6 {
 						id: introBadge
 						text: qsTr("Digital Marketing")
 						color: "white"
@@ -59,13 +59,11 @@ Flickable {
 					}
 				}
 
-				Lbl.Hx {
+				Lbl.H1 {
 					id: introTitleHeader
 					text: qsTr("The Complete Digital Marketing Course - 12 Courses in 1")
 					color: "#24292d"
 					Layout.fillWidth: true
-					font.pointSize: 22.5
-							+ .01875 * parent.width
 				}
 
 				Lbl.Body {
diff --git a/Course/Detail/Classic/Content/Main.ui.qml b/Course/Detail/Classic/Content/Main.ui.qml
index b4d8321..a1071e7 100644
--- a/Course/Detail/Classic/Content/Main.ui.qml
+++ b/Course/Detail/Classic/Content/Main.ui.qml
@@ -97,14 +97,11 @@ ColumnLayout {
 					ColumnLayout {
 						id: overview
 
-						Lbl.Hx {
+						Lbl.H5 {
 							text: qsTr("Course Description")
 							color: "#24292d"
 							Layout.fillWidth: true
 							Layout.bottomMargin: 16
-							font.pointSize: 20.1
-								+ .00075
-								* parent.width
 						}
 
 						Lbl.Body {
diff --git a/Course/Detail/Classic/Content/Sidebar.ui.qml b/Course/Detail/Classic/Content/Sidebar.ui.qml
index a3a1732..af994db 100644
--- a/Course/Detail/Classic/Content/Sidebar.ui.qml
+++ b/Course/Detail/Classic/Content/Sidebar.ui.qml
@@ -103,13 +103,8 @@ ColumnLayout {
 
 						RowLayout {
 
-							Lbl.Hx {
+							Lbl.H3 {
 								text: priceText
-								font.pointSize
-									: 21
-									+ .0075
-									* parent
-									.width
 							}
 
 							Lbl.Body {