From 94418478183094156b0e31d6fd80ec5fdc8e0f19 Mon Sep 17 00:00:00 2001
From: simoleo89 <simoleo89@users.noreply.github.com>
Date: Tue, 2 Jun 2026 18:32:01 +0200
Subject: [PATCH] style(friends): group chips, category manager, assign-group
 dropdown

---
 src/css/friends/FriendsView.css | 94 +++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)

diff --git a/src/css/friends/FriendsView.css b/src/css/friends/FriendsView.css
index 2b2ea17..f86b228 100644
--- a/src/css/friends/FriendsView.css
+++ b/src/css/friends/FriendsView.css
@@ -800,3 +800,97 @@
         }
     }
 }
+
+/* Friend group chip filter row */
+.friends-group-chips {
+    border-bottom: 1px solid #e6e6e6;
+}
+
+.friends-group-chips-scroll {
+    overflow-x: auto;
+    flex-wrap: nowrap;
+    min-width: 0;
+}
+
+.friends-group-chips-scroll::-webkit-scrollbar {
+    height: 4px;
+}
+
+.friends-group-chips-scroll::-webkit-scrollbar-thumb {
+    background: #c0c0b8;
+    border-radius: 2px;
+}
+
+.friends-group-chip {
+    flex: 0 0 auto;
+    padding: 1px 8px;
+    border: 1px solid #d0d0c8;
+    border-radius: 10px;
+    background: #f3f3ef;
+    font-size: 11px;
+    line-height: 16px;
+    white-space: nowrap;
+    cursor: pointer;
+    user-select: none;
+}
+
+.friends-group-chip:hover {
+    background: #efefef;
+}
+
+.friends-group-chip.active {
+    background: #bfe7f6;
+    border-color: #7fb9d6;
+}
+
+.friends-group-chip-manage {
+    flex: 0 0 auto;
+    padding: 1px 6px;
+}
+
+/* Per-friend assign-to-group dropdown */
+.friends-list-group-assign {
+    display: inline-flex;
+}
+
+.friends-list-group-toggle {
+    cursor: pointer;
+    font-size: 13px;
+    line-height: 1;
+    user-select: none;
+}
+
+.friends-list-group-menu {
+    position: absolute;
+    right: 0;
+    top: 100%;
+    z-index: 20;
+    min-width: 120px;
+    max-height: 180px;
+    overflow-y: auto;
+    background: #fff;
+    border: 1px solid #c0c0b8;
+    border-radius: 4px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.friends-list-group-menu-item {
+    padding: 3px 8px;
+    font-size: 11px;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+.friends-list-group-menu-item:hover {
+    background: #efefef;
+}
+
+.friends-list-group-menu-item.active {
+    background: #bfe7f6;
+}
+
+/* Category manager: keep the list scrollable */
+.nitro-friends-category-manager .friends-category-list {
+    max-height: 220px;
+    overflow-y: auto;
+}