Fix domain table spacings

Automattic · Feb 6, 2025 · 7a30959 · 7a30959
1 parent e73bd8b
commit 7a30959
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/client/my-sites/domains/domain-management/list/bulk-all-domains.tsx b/client/my-sites/domains/domain-management/list/bulk-all-domains.tsx
@@ -73,7 +73,7 @@ export default function BulkAllDomains( props: BulkAllDomainsProps ) {
 
 			.select-dropdown,
 			.select-dropdown__header {
-				height: 40px;
+				height: var( --domains-table-toolbar-height, 40px );
 				border-radius: 4px;
 			}
 
@@ -123,9 +123,9 @@ export default function BulkAllDomains( props: BulkAllDomainsProps ) {
 			}
 
 			.domains-table {
-				margin-top: 40px;
 				.domains-table-toolbar {
 					margin-inline: 48px;
+					padding: 16px 0;
 
 					.domains-table-bulk-actions-toolbar {
 						align-items: flex-start;
@@ -176,7 +176,7 @@ export default function BulkAllDomains( props: BulkAllDomainsProps ) {
 					}
 
 					th {
-						padding-top: 22px;
+						padding-top: 14px;
 						padding-bottom: 14px;
 
 						.list__header-column {

diff --git a/client/my-sites/domains/domain-management/list/style.scss b/client/my-sites/domains/domain-management/list/style.scss
@@ -198,6 +198,10 @@
 		align-items: flex-start;
 
 		.domains-table-search {
+			.components-base-control__field {
+				margin: 0;
+			}
+
 			.components-input-control__container {
 				background-color: var(--wp-components-color-background, #fff);
 				border-radius: 2px;

diff --git a/packages/domains-table/src/domains-table/style.scss b/packages/domains-table/src/domains-table/style.scss
@@ -10,7 +10,7 @@
 
 .domains-table {
 	.domains-table-toolbar {
-		--domains-table-toolbar-height: 40px;
+		--domains-table-toolbar-height: 32px;
 	}
 
 	table {