Fix/sites table padding v2 (#88876)

* tighten padding on sites table * tidy up padding
Automattic · Mar 26, 2024 · 08f8d3b · 08f8d3b
1 parent b125880
commit 08f8d3b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/client/sites-dashboard/components/sites-table-row.tsx b/client/sites-dashboard/components/sites-table-row.tsx
@@ -47,7 +47,7 @@ const Row = styled.tr`
 const Column = styled.td< { tabletHidden?: boolean } >`
 	padding-block-start: 12px;
 	padding-block-end: 12px;
-	padding-inline-end: 24px;
+	padding-inline-end: 12px;
 	vertical-align: middle;
 	font-size: 14px;
 	line-height: 20px;

diff --git a/client/sites-dashboard/components/sites-table.tsx b/client/sites-dashboard/components/sites-table.tsx
@@ -62,10 +62,8 @@ const SiteTh = styled.th( {
 	},
 } );
 
-const PlanTh = styled.th( {
-	[ MEDIA_QUERIES.wide ]: {
-		width: '15%',
-	},
+const StatusTh = styled.th( {
+	width: '140px',
 } );
 
 const StatsTh = styled.th( {
@@ -148,8 +146,8 @@ export function SitesTable( { className, sites, isLoading = false }: SitesTableP
 			>
 				<Row>
 					<SiteTh>{ __( 'Site' ) }</SiteTh>
-					<PlanTh>{ __( 'Plan' ) }</PlanTh>
-					<th>{ __( 'Status' ) }</th>
+					<th>{ __( 'Plan' ) }</th>
+					<StatusTh>{ __( 'Status' ) }</StatusTh>
 					<th>{ __( 'Last Publish' ) }</th>
 					<StatsTh>
 						<StatsThInner>