fix(settings): align settings pages with KDE HIG

src/qml/SubtitlesSettings.qml

@@ -5,21 +5,20 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
+import org.kde.kirigami as Kirigami
 import org.kde.ki18n
 
 SettingsBasePage {
     id: root
 
-    GridLayout {
-        columns: 2
-
-        Label {
-            text: KI18n.i18nc("@label:spinbox", "Font size")
-            Layout.alignment: Qt.AlignRight
-        }
+    Kirigami.FormLayout {
 
         RowLayout {
+            spacing: Kirigami.Units.smallSpacing
+            Kirigami.FormData.label: KI18n.i18nc("@label:spinbox", "Font size")
+            Kirigami.FormData.buddyFor: fontSizeSpin
             SpinBox {
+                id: fontSizeSpin
                 from: 20
                 to: 150
                 stepSize: 2
@@ -35,12 +34,8 @@ SettingsBasePage {
             }
         }
 
-        Label {
-            text: KI18n.i18nc("@label:spinbox", "Outline size")
-            Layout.alignment: Qt.AlignRight
-        }
-
         SpinBox {
+            Kirigami.FormData.label: KI18n.i18nc("@label:spinbox", "Outline size")
             from: 0
             to: 10
             value: QtPotatoSettings.subtitleOutlineSize