mobile: add smaller, vertically dense template label

By default single line text has too much white space around it. This
smaller, denser label works well to more efficiently use screen real
estate, I think.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

mobile-widgets/qml/TemplateLabelSmall.qml

@@ -0,0 +1,19 @@
+// SPDX-License-Identifier: GPL-2.0
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+
+Label {
+	id: myLabel
+	color: subsurfaceTheme.textColor
+	font.pointSize: subsurfaceTheme.smallPointSize
+	lineHeight: 0.6
+	property alias colorBackground: myLabelBackground.color
+
+	background: Rectangle {
+		id: myLabelBackground
+		implicitWidth: myLabel.width
+		implicitHeight: myLabel.width
+		color: subsurfaceTheme.backgroundColor
+	}
+}
+

mobile-widgets/qml/mobile-resources.qrc

@@ -5,6 +5,7 @@
 		<file>TemplateCheckBox.qml</file>
 		<file>TemplateComboBox.qml</file>
 		<file>TemplateLabel.qml</file>
+		<file>TemplateLabelSmall.qml</file>
 		<file>TemplateLine.qml</file>
 		<file>TemplateRadioButton.qml</file>
 		<file>TemplatePage.qml</file>