From d79b8c6cb26f5da7543117c4d542267327d080eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joris=20Pelgr=C3=B6m?= <jpelgrom@users.noreply.github.com>
Date: Tue, 21 May 2024 17:20:46 +0200
Subject: [PATCH] Fix notes icon changing size/position with long category or
 group names (#2773)

---
 .../src/components/budget/SidebarCategory.tsx        | 12 +++++++-----
 .../src/components/budget/SidebarGroup.tsx           | 12 +++++++-----
 upcoming-release-notes/2773.md                       |  6 ++++++
 3 files changed, 20 insertions(+), 10 deletions(-)
 create mode 100644 upcoming-release-notes/2773.md

diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.tsx b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
index c8986725f..ab5a20fa3 100644
--- a/packages/desktop-client/src/components/budget/SidebarCategory.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
@@ -117,11 +117,13 @@ export function SidebarCategory({
         </Popover>
       </View>
       <View style={{ flex: 1 }} />
-      <NotesButton
-        id={category.id}
-        style={dragging && { color: 'currentColor' }}
-        defaultColor={theme.pageTextLight}
-      />
+      <View style={{ flexShrink: 0 }}>
+        <NotesButton
+          id={category.id}
+          style={dragging && { color: 'currentColor' }}
+          defaultColor={theme.pageTextLight}
+        />
+      </View>
     </View>
   );
 
diff --git a/packages/desktop-client/src/components/budget/SidebarGroup.tsx b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
index 0c9e3b4ec..ca9125a3f 100644
--- a/packages/desktop-client/src/components/budget/SidebarGroup.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
@@ -138,11 +138,13 @@ export function SidebarGroup({
             </Popover>
           </View>
           <View style={{ flex: 1 }} />
-          <NotesButton
-            id={group.id}
-            style={dragPreview && { color: 'currentColor' }}
-            defaultColor={theme.pageTextLight}
-          />
+          <View style={{ flexShrink: 0 }}>
+            <NotesButton
+              id={group.id}
+              style={dragPreview && { color: 'currentColor' }}
+              defaultColor={theme.pageTextLight}
+            />
+          </View>
         </>
       )}
     </View>
diff --git a/upcoming-release-notes/2773.md b/upcoming-release-notes/2773.md
new file mode 100644
index 000000000..a6d90a985
--- /dev/null
+++ b/upcoming-release-notes/2773.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [jpelgrom]
+---
+
+Fix notes icon changing size/position with long category or group names.
\ No newline at end of file
-- 
GitLab