diff --git a/Modules/SettingsPanel/Extras/BarWidgetSettingsDialog.qml b/Modules/SettingsPanel/Extras/BarWidgetSettingsDialog.qml index d4b661e..2bf2d83 100644 --- a/Modules/SettingsPanel/Extras/BarWidgetSettingsDialog.qml +++ b/Modules/SettingsPanel/Extras/BarWidgetSettingsDialog.qml @@ -113,6 +113,7 @@ Popup { NButton { text: "Apply" + icon: "check" onClicked: { if (settingsLoader.item && settingsLoader.item.saveSettings) { var newSettings = settingsLoader.item.saveSettings() diff --git a/Widgets/NButton.qml b/Widgets/NButton.qml index 5648c46..75c9bc5 100644 --- a/Widgets/NButton.qml +++ b/Widgets/NButton.qml @@ -77,10 +77,12 @@ Rectangle { RowLayout { id: contentRow anchors.centerIn: parent - spacing: Style.marginS * scaling + spacing: Style.marginXS * scaling // Icon (optional) NIcon { + Layout.alignment: Qt.AlignVCenter + layoutTopMargin: 1 * scaling visible: root.icon !== "" text: root.icon font.pointSize: root.iconSize @@ -105,6 +107,7 @@ Rectangle { // Text NText { + Layout.alignment: Qt.AlignVCenter visible: root.text !== "" text: root.text font.pointSize: root.fontSize diff --git a/Widgets/NIcon.qml b/Widgets/NIcon.qml index 4a244aa..ac5a0ec 100644 --- a/Widgets/NIcon.qml +++ b/Widgets/NIcon.qml @@ -1,8 +1,11 @@ import QtQuick import qs.Commons import qs.Widgets +import QtQuick.Layouts Text { + // Optional layout nudge for optical alignment when used inside Layouts + property real layoutTopMargin: 0 text: "question_mark" font.family: "Material Symbols Rounded" font.pointSize: Style.fontSizeL * scaling @@ -12,4 +15,5 @@ Text { } color: Color.mOnSurface verticalAlignment: Text.AlignVCenter + Layout.topMargin: layoutTopMargin } diff --git a/Widgets/NText.qml b/Widgets/NText.qml index 00f5561..c15198d 100644 --- a/Widgets/NText.qml +++ b/Widgets/NText.qml @@ -13,4 +13,5 @@ Text { font.kerning: true color: Color.mOnSurface renderType: Text.QtRendering + verticalAlignment: Text.AlignVCenter }