feat: introduce StatusSectionHeadline component

ui/app/AppLayouts/Profile/Sections/HelpContainer.qml

@@ -3,6 +3,7 @@ import QtQuick.Controls 2.13
 import QtQuick.Layouts 1.13
 import "../../../../imports"
 import "../../../../shared"
+import "../../../../shared/status"
 
 Item {
     id: helpContainer
@@ -18,21 +19,18 @@ Item {
         Item {
             id: glossary
             anchors.top: parent.top
-            anchors.topMargin: 24
             anchors.right: parent.right
             anchors.rightMargin: contentMargin
             anchors.left: parent.left
             anchors.leftMargin: contentMargin
             height: this.childrenRect.height
 
-            StyledText {
+            StatusSectionHeadline {
                 id: glossaryTitle
                 //% "Glossary"
                 text: qsTrId("glossary")
                 anchors.left: parent.left
                 anchors.top: parent.top
-                font.pixelSize: 15
-                color: Style.current.secondaryText
             }
 
             GlossaryEntry {

ui/app/AppLayouts/Profile/Sections/NotificationsContainer.qml

@@ -3,23 +3,17 @@ import QtQuick.Controls 2.13
 import QtQuick.Layouts 1.13
 import "../../../../imports"
 import "../../../../shared"
+import "../../../../shared/status"
 
 Item {
     id: notificationsContainer
-    width: 200
-    height: 200
-    Layout.fillHeight: true
-    Layout.fillWidth: true
+    anchors.right: parent.right
+    anchors.rightMargin: contentMargin
+    anchors.left: parent.left
+    anchors.leftMargin: contentMargin
 
-    StyledText {
-        id: element6
-        //% "Notifications settings"
-        text: qsTrId("notifications-settings")
-        anchors.left: parent.left
-        anchors.leftMargin: 24
-        anchors.top: parent.top
-        anchors.topMargin: 24
-        font.weight: Font.Bold
-        font.pixelSize: 20
+    StatusSectionHeadline {
+      text: qsTr("Notification preferences")
+      anchors.top: parent.top
     }
 }

ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml

@@ -14,19 +14,17 @@ Item {
     Item {
         id: profileImgNameContainer
         anchors.top: parent.top
-        anchors.topMargin: 46
         anchors.right: parent.right
         anchors.rightMargin: contentMargin
         anchors.left: parent.left
         anchors.leftMargin: contentMargin
         anchors.bottom: parent.bottom
 
-        StyledText {
+        StatusSectionHeadline {
             id: labelSecurity
             //% "Security"
             text: qsTrId("security")
-            font.pixelSize: 15
-            color: Style.current.darkGrey
+            anchors.top: parent.top
         }
 
         Item {
@@ -76,14 +74,11 @@ Item {
             anchors.top: backupSeedPhrase.bottom
             anchors.topMargin: Style.current.bigPadding
         }
-        StyledText {
+        StatusSectionHeadline {
             id: labelPrivacy
             //% "Privacy"
             text: qsTrId("privacy")
-            font.pixelSize: 15
-            color: Style.current.darkGrey
             anchors.top: separator.bottom
-            anchors.topMargin: Style.current.smallPadding
         }
 
         RowLayout {

ui/shared/status/StatusSectionHeadline.qml

@@ -0,0 +1,11 @@
+import QtQuick 2.13
+import QtQuick.Controls 2.13
+import "../../imports"
+import "../../shared"
+
+StyledText {
+    font.pixelSize: 15
+    color: Style.current.secondaryText
+    anchors.topMargin: 38
+}
+

ui/shared/status/qmldir

@@ -1,5 +1,6 @@
 StatusButton 1.0 StatusButton.qml
 StatusRadioButton 1.0 StatusRadioButton.qml
 StatusRoundButton 1.0 StatusRoundButton.qml
+StatusSectionHeadline 1.0 StatusSectionHeadline.qml
 StatusSlider 1.0 StatusSlider.qml
 StatusToolTip 1.0 StatusToolTip.qml