From 92c85ca07c2cd7ec279e572e2ae393c08c03b450 Mon Sep 17 00:00:00 2001
From: pedr <pedrlz.frn@gmail.com>
Date: Fri, 9 Feb 2024 09:11:51 -0300
Subject: [PATCH] Mobile: Fixes #9475: Increase space available for Notebook
 icon (#9877)

Co-authored-by: Laurent Cozic <laurent22@users.noreply.github.com>
---
 packages/app-mobile/components/side-menu-content.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/app-mobile/components/side-menu-content.tsx b/packages/app-mobile/components/side-menu-content.tsx
index c1979ef12..14a4f65f8 100644
--- a/packages/app-mobile/components/side-menu-content.tsx
+++ b/packages/app-mobile/components/side-menu-content.tsx
@@ -87,6 +87,7 @@ const SideMenuContentComponent = (props: Props) => {
 			sidebarIcon: {
 				fontSize: 22,
 				color: theme.color,
+				width: 26,
 			},
 		};
 
@@ -103,7 +104,7 @@ const SideMenuContentComponent = (props: Props) => {
 		styles.sideButtonSelected = { ...styles.sideButton, backgroundColor: theme.selectedColor };
 		styles.sideButtonText = { ...styles.buttonText };
 
-		styles.emptyFolderIcon = { ...styles.sidebarIcon, marginRight: folderIconRightMargin, width: 21 };
+		styles.emptyFolderIcon = { ...styles.sidebarIcon, marginRight: folderIconRightMargin, width: 26 };
 
 		return StyleSheet.create(styles);
 	}, [props.themeId]);
@@ -317,9 +318,9 @@ const SideMenuContentComponent = (props: Props) => {
 		}
 
 		if (folderIcon.type === 1) { // FolderIconType.Emoji
-			return <Text style={{ fontSize: theme.fontSize, marginRight: folderIconRightMargin, width: 20 }}>{folderIcon.emoji}</Text>;
+			return <Text style={{ fontSize: theme.fontSize, marginRight: folderIconRightMargin, width: 27 }}>{folderIcon.emoji}</Text>;
 		} else if (folderIcon.type === 2) { // FolderIconType.DataUrl
-			return <Image style={{ width: 20, height: 20, marginRight: folderIconRightMargin, resizeMode: 'contain' }} source={{ uri: folderIcon.dataUrl }}/>;
+			return <Image style={{ width: 27, height: 20, marginRight: folderIconRightMargin, resizeMode: 'contain' }} source={{ uri: folderIcon.dataUrl }}/>;
 		} else {
 			throw new Error(`Unsupported folder icon type: ${folderIcon.type}`);
 		}