From 5504915817a181fad5e0eb41c7a7fbc08a0fbda2 Mon Sep 17 00:00:00 2001
From: Cataldo <cm@zextras.com>
Date: Fri, 10 Mar 2023 12:46:46 +0100
Subject: [PATCH] feat: move up board icon in primary bar

refs: SHELL-26 (#221)
---
 src/shell/shell-primary-bar.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/shell/shell-primary-bar.tsx b/src/shell/shell-primary-bar.tsx
index 7bf8a1ba..f06795da 100644
--- a/src/shell/shell-primary-bar.tsx
+++ b/src/shell/shell-primary-bar.tsx
@@ -26,12 +26,14 @@ const ToggleBoardIcon: FC = () => {
 	const { minimized, boards } = useBoardStore();
 	if (isEmpty(boards)) return null;
 	return (
-		<IconButton
-			iconColor="primary"
-			icon={minimized ? 'BoardOpen' : 'BoardCollapse'}
-			onClick={minimized ? reopenBoards : minimizeBoards}
-			size="large"
-		/>
+		<Container width={'3rem'} height={'3rem'}>
+			<IconButton
+				iconColor="primary"
+				icon={minimized ? 'BoardOpen' : 'BoardCollapse'}
+				onClick={minimized ? reopenBoards : minimizeBoards}
+				size="large"
+			/>
+		</Container>
 	);
 };
 
@@ -150,6 +152,7 @@ const ShellPrimaryBarComponent: FC<{ activeRoute: AppRoute }> = ({ activeRoute }
 						/>
 					) : null
 				)}
+				<ToggleBoardIcon />
 			</Row>
 			<Row
 				mainAlignment="flex-end"
@@ -163,7 +166,6 @@ const ShellPrimaryBarComponent: FC<{ activeRoute: AppRoute }> = ({ activeRoute }
 				{accessories.map((v) => (
 					<PrimaryBarAccessoryElement view={v} key={v.id} />
 				))}
-				<ToggleBoardIcon />
 			</Row>
 		</ContainerWithDivider>
 	);