chore: InfoPanelActionGroup UI tweaks (#30735)

RocketChat · Oct 26, 2023 · 570721b · 570721b
1 parent f8a2a31
commit 570721b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx b/apps/meteor/client/components/InfoPanel/InfoPanelAction.tsx
@@ -13,7 +13,6 @@ const InfoPanelAction = ({ label, icon, ...props }: InfoPanelActionProps): React
 		title={typeof label === 'string' ? label : undefined}
 		aria-label={typeof label === 'string' ? label : undefined}
 		{...props}
-		mi={4}
 		icon={icon}
 	>
 		{label}

diff --git a/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx b/apps/meteor/client/components/InfoPanel/InfoPanelActionGroup.tsx
@@ -6,7 +6,7 @@ import Section from './InfoPanelSection';
 
 const InfoPanelActionGroup: FC<ComponentProps<typeof ButtonGroup>> = (props) => (
 	<Section>
-		<ButtonGroup flexShrink={0} flexWrap='nowrap' withTruncatedText justifyContent='center' {...props} />
+		<ButtonGroup align='center' {...props} />
 	</Section>
 );
 

diff --git a/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx b/apps/meteor/client/views/room/contextualBar/Info/RoomInfo/RoomInfo.tsx
@@ -48,7 +48,7 @@ const RoomInfo = ({ room, icon, onClickBack, onClickClose, onClickEnterRoom, onC
 			<Menu
 				small={false}
 				flexShrink={0}
-				mi={2}
+				mi={4}
 				key='menu'
 				maxHeight='initial'
 				secondary