improve info page

RocketChat · Jul 8, 2022 · 41ef674 · 41ef674
1 parent 9b62fd8
commit 41ef674
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 12 deletions.
diff --git a/apps/meteor/client/components/Card/Col.tsx b/apps/meteor/client/components/Card/Col.tsx
@@ -1,14 +1,10 @@
 import { Box } from '@rocket.chat/fuselage';
 import React, { FC } from 'react';
 
-const Col: FC<{ span?: number }> = ({ children, span = 1 }) => {
-	const w = span * 228 + (span - 1) * 2 * 24;
-
-	return (
-		<Box rcx-card-col display='flex' alignSelf='stretch' w={`x${w}`} flexDirection='column' fontScale='c1'>
-			{children}
-		</Box>
-	);
-};
+const Col: FC = ({ children }) => (
+	<Box rcx-card-col display='flex' alignSelf='stretch' flexGrow={1} flexDirection='column' fontScale='c1'>
+		{children}
+	</Box>
+);
 
 export default Col;
diff --git a/apps/meteor/client/views/admin/info/InformationPage.tsx b/apps/meteor/client/views/admin/info/InformationPage.tsx
@@ -83,14 +83,13 @@ const InformationPage = memo(function InformationPage({
 						<Grid.Item xl={3}>
 							<LicenseCard />
 						</Grid.Item>
-						<Grid.Item xl={4}>
+						<Grid.Item xl={6} md={8} xs={4} sm={8}>
 							<UsageCard vertical={false} statistics={statistics} />
 						</Grid.Item>
-						<Grid.Item xl={2}></Grid.Item>
 						<Grid.Item xl={6}>
 							<FederationCard />
 						</Grid.Item>
-						<Grid.Item xl={6}>
+						<Grid.Item xl={3}>
 							<SeatsCard />
 						</Grid.Item>
 					</Grid>