Icons: Plus and Minus

+ removed vertical hack in NIcon

Modules/SettingsPanel/Bar/BarSectionEditor.qml

@@ -85,7 +85,7 @@ NBox {
       }
 
       NIconButton {
-        icon: FontService.icons["add"]
+        icon: FontService.icons["plus"]
 
         colorBg: Color.mPrimary
         colorFg: Color.mOnPrimary

Modules/SettingsPanel/Bar/BarWidgetSettingsDialog.qml

@@ -107,6 +107,7 @@ Popup {
     RowLayout {
       Layout.fillWidth: true
       Layout.topMargin: Style.marginM * scaling
+      spacing: Style.marginM * scaling
       
       Item {
         Layout.fillWidth: true

Modules/SettingsPanel/Tabs/AudioTab.qml

@@ -272,7 +272,7 @@ ColumnLayout {
 
         // Button aligned to the center of the actual input field
         NIconButton {
-          icon: FontService.icons["add"]
+          icon: FontService.icons["plus"]
           Layout.alignment: Qt.AlignBottom
           Layout.bottomMargin: blacklistInput.description ? Style.marginS * scaling : 0
           onClicked: {

Services/FontService.qml

@@ -68,7 +68,8 @@ Singleton {
     "download": "\uF01A",
     "vinyl": "\uEFBD",
     "link": "\uF0C1",
-    "add": "\uF055", // FIXME UGLY
+    "plus": "\uF067",
+    "minus": "\uF068",
     "bell": "\uF189",
     "bell_striked": "\uEE15", // FIXME
         "drive": "\uEE15", // FIXME

Widgets/NButton.qml

@@ -82,7 +82,6 @@ Rectangle {
     // Icon (optional)
     NIcon {
       Layout.alignment: Qt.AlignVCenter
-      layoutTopMargin: 1 * scaling
       visible: root.icon !== ""
       text: root.icon
       font.pointSize: root.iconSize

Widgets/NIcon.qml

@@ -3,18 +3,10 @@ import QtQuick.Layouts
 import qs.Commons
 import qs.Widgets
 
-
 Text {
-  // Optional layout nudge for optical alignment when used inside Layouts
-  property real layoutTopMargin: 0
-  text: "\uEE15" // default skull icon
+  text: "\uEE15" // fallback/default to skull icon
   font.family: "bootstrap-icons"
   font.pointSize: Style.fontSizeL * scaling
-  font.variableAxes: {
-    "wght"// slightly bold to ensure all lines looks good
-    : (Font.Normal + Font.Bold) / 2.5
-  }
   color: Color.mOnSurface
   verticalAlignment: Text.AlignVCenter
-  Layout.topMargin: layoutTopMargin
 }

Widgets/NSpinBox.qml

@@ -95,7 +95,7 @@ RowLayout {
 
       NIcon {
         anchors.centerIn: parent
-        text: "remove"
+        text:  FontService.icons["minus"]
         font.pointSize: Style.fontSizeS * scaling
         color: decreaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary
       }
@@ -130,7 +130,7 @@ RowLayout {
 
       NIcon {
         anchors.centerIn: parent
-        text: "add"
+        text:  FontService.icons["plus"]
         font.pointSize: Style.fontSizeS * scaling
         color: increaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary
       }