Forms: fix dataviews paddings (#45824)

Author: CGastrell

projects/packages/forms/changelog/fix-forms-dataviews-paddings

@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Forms: adjust dataviews paddings for consistent spacing with the header

projects/packages/forms/src/dashboard/components/layout/style.scss

@@ -73,10 +73,6 @@ body.jetpack_page_jetpack-forms-admin {
 		width: 100%;
 		background: var(--wpds-color-bg-surface-neutral-strong, #fff);
 		border-bottom: none;
-
-		@media (max-width: 782px) {
-			padding: 12px 24px;
-		}
 	}
 
 	.admin-ui-page__header-subtitle {
@@ -86,5 +82,14 @@ body.jetpack_page_jetpack-forms-admin {
 		line-height: 20px;
 	}
 
+	// these overrides mimic the ones in new admin packages
+	.dataviews-wrapper .dataviews-view-table tr td:first-child,
+	.dataviews-wrapper .dataviews-view-table tr th:first-child {
+		padding-inline-start: 20px;
+	}
 
+	.dataviews-wrapper .dataviews-view-table tr td:last-child,
+	.dataviews-wrapper .dataviews-view-table tr th:last-child {
+		padding-inline-end: 20px;
+	}
 }

projects/packages/forms/src/dashboard/inbox/style.scss

@@ -109,10 +109,6 @@
 	left: 0;
 	background: var(--wpds-color-bg-surface-neutral-strong, #fff);
 
-	@media (max-width: 782px) {
-		padding: 0 24px; // Match mobile padding
-	}
-
 	// On small stacks, switch to column stacking
 	flex-direction: row;
 
@@ -149,12 +145,8 @@
 }
 
 .jp-forms__inbox__filters-container:not(:empty) {
-	padding-inline: 48px; // Match header padding
+	padding-inline: 20px; // Match header padding
 	padding-block: 12px;
-
-	@media (max-width: 782px) {
-		padding-inline: 24px;
-	}
 }
 
 .jp-forms__inbox-response-name {
@@ -367,6 +359,9 @@
 		position: fixed;
 		bottom: 0;
 
+		// Match .admin-ui-page__header padding
+		padding-inline: 20px;
+
 		// Compensation for the width of the sidebar
 		// Set left position when auto-fold is not on the body element.
 		// Adapted from https://github.com/WordPress/gutenberg/blob/4ea86f891145daa12c8b59b18f02fb9fc4d83c5a/packages/base-styles/_mixins.scss#L183-L218