tray: more flexible overflow menu

.config/quickshell/ii/modules/bar/SysTray.qml

@@ -18,6 +18,7 @@ Item {
     property bool invertPins: Config.options.bar.tray.invertPinnedItems
     property list<var> pinnedItems: invertPins ? itemsNotInUserList : itemsInUserList
     property list<var> unpinnedItems: invertPins ? itemsInUserList : itemsNotInUserList
+    onUnpinnedItemsChanged: if (unpinnedItems.length == 0) root.trayOverflowOpen = false;
 
     GridLayout {
         id: gridLayout
@@ -58,10 +59,14 @@ Item {
             StyledPopup {
                 hoverTarget: trayOverflowButton
                 active: root.trayOverflowOpen
+                popupBackgroundMargin: 300 // This should be plenty... makes sure tooltips don't get cutoff (easily)
                 
                 GridLayout {
+                    id: trayOverflowLayout
                     anchors.centerIn: parent
-                    columns: 4
+                    columns: Math.ceil(Math.sqrt(root.unpinnedItems.length))
+                    columnSpacing: 10
+                    rowSpacing: 10
 
                     Repeater {
                         model: root.unpinnedItems