diff --git a/ui/app/AppLayouts/Profile/Sections/HelpContainer.qml b/ui/app/AppLayouts/Profile/Sections/HelpContainer.qml index eb54faa80e..f5b5ac3745 100644 --- a/ui/app/AppLayouts/Profile/Sections/HelpContainer.qml +++ b/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 { diff --git a/ui/app/AppLayouts/Profile/Sections/NotificationsContainer.qml b/ui/app/AppLayouts/Profile/Sections/NotificationsContainer.qml index 1877adb0d6..d8cf8d33f3 100644 --- a/ui/app/AppLayouts/Profile/Sections/NotificationsContainer.qml +++ b/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 } } diff --git a/ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml b/ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml index fd91d25f6c..144611e99a 100644 --- a/ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml +++ b/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 { diff --git a/ui/shared/status/StatusSectionHeadline.qml b/ui/shared/status/StatusSectionHeadline.qml new file mode 100644 index 0000000000..138878922e --- /dev/null +++ b/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 +} + diff --git a/ui/shared/status/qmldir b/ui/shared/status/qmldir index c049db265d..4fcee1da3a 100644 --- a/ui/shared/status/qmldir +++ b/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