PluginsTab: improved tabbar

Modules/Panels/Settings/Tabs/PluginsTab.qml

@@ -383,6 +383,7 @@ ColumnLayout {
     NTabBar {
       id: filterTabBar
       Layout.fillWidth: true
+      spacing: Style.marginM
       currentIndex: 0
       onCurrentIndexChanged: {
         if (currentIndex === 0)
@@ -392,7 +393,6 @@ ColumnLayout {
         else if (currentIndex === 2)
           pluginFilter = "notDownloaded";
       }
-      spacing: Style.marginXS
 
       NTabButton {
         text: I18n.tr("settings.plugins.filter.all")
@@ -407,6 +407,7 @@ ColumnLayout {
       }
 
       NTabButton {
+        Layout.fillWidth: true
         text: I18n.tr("settings.plugins.filter.not-downloaded")
         tabIndex: 2
         checked: pluginFilter === "notDownloaded"
@@ -416,7 +417,7 @@ ColumnLayout {
     NIconButton {
       icon: "refresh"
       tooltipText: I18n.tr("settings.plugins.refresh.tooltip")
-      baseSize: Style.baseWidgetSize * 0.8
+      baseSize: Style.baseWidgetSize * 0.9
       onClicked: {
         PluginService.refreshAvailablePlugins();
         checkUpdatesTimer.restart();

Modules/Panels/Wallpaper/WallpaperPanel.qml

@@ -308,6 +308,7 @@ SmartPanel {
               NTabButton {
                 required property var modelData
                 required property int index
+                Layout.fillWidth: true
                 text: modelData.name || `Screen ${index + 1}`
                 tabIndex: index
                 checked: {

Widgets/NTabBar.qml

@@ -14,7 +14,7 @@ Rectangle {
   default property alias content: tabRow.children
 
   // Styling
-  Layout.fillWidth: true
+  implicitWidth: tabRow.implicitWidth + (margins * 2)
   implicitHeight: Style.baseWidgetSize + (margins * 2)
   color: Color.mSurfaceVariant
   radius: Style.iRadiusS

Widgets/NTabButton.qml

@@ -18,9 +18,9 @@ Rectangle {
   signal clicked
 
   // Sizing
-  Layout.fillWidth: true
   Layout.fillHeight: true
-  Layout.minimumWidth: 140
+  Layout.minimumWidth: 100
+  implicitWidth: tabText.implicitWidth + Style.marginXL * 2
 
   // Styling
   radius: Style.iRadiusM