improve preferences layout

- Use the component's heading for more consistency

- spacing between items: largeSpacing above, half of that below, this
  makes the title visually connect to the widgets it refers to.

Signed-off-by: Sebastian Kügler <sebas@kde.org>
This commit is contained in:
Sebastian Kügler 2015-11-30 01:57:29 +01:00
parent 5f40ac6da3
commit 6381c2eb2a

View file

@ -20,10 +20,9 @@ Item {
anchors.fill: parent anchors.fill: parent
anchors.margins: MobileComponents.Units.gridUnit anchors.margins: MobileComponents.Units.gridUnit
Label { MobileComponents.Heading {
text: "Cloud credentials" text: "Cloud credentials"
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.bottomMargin: MobileComponents.Units.largeSpacing / 2
font.pointSize: subsurfaceTheme.titlePointSize
Layout.columnSpan: 2 Layout.columnSpan: 2
} }
@ -73,10 +72,10 @@ Item {
id: savePassword id: savePassword
} }
Label { MobileComponents.Heading {
text: "Subsurface GPS data webservice" text: "Subsurface GPS data webservice"
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.topMargin: MobileComponents.Units.largeSpacing
font.pointSize: subsurfaceTheme.titlePointSize Layout.bottomMargin: MobileComponents.Units.largeSpacing / 2
Layout.columnSpan: 2 Layout.columnSpan: 2
} }