reintroduce padding prop as default false

Author: tellthemachines

packages/admin-ui/src/page/index.tsx

@@ -17,6 +17,7 @@ function Page( {
 	children,
 	className,
 	actions,
+	hasPadding = false,
 }: {
 	breadcrumbs?: React.ReactNode;
 	badges?: React.ReactNode;
@@ -40,7 +41,13 @@ function Page( {
 					actions={ actions }
 				/>
 			) }
-			{ children }
+			{ hasPadding ? (
+				<div className="admin-ui-page__content has-padding">
+					{ children }
+				</div>
+			) : (
+				children
+			) }
 		</NavigableRegion>
 	);
 }

packages/admin-ui/src/page/style.scss

@@ -32,6 +32,20 @@
 	margin: 0;
 }
 
+.admin-ui-page__content {
+	flex-grow: 1;
+	overflow: auto;
+	display: flex;
+	flex-direction: column;
+
+	&.has-padding {
+		padding: $grid-unit-20 $grid-unit * 2.5;
+		@container (max-width: 430px) {
+			padding: $grid-unit-20 $grid-unit-30;
+		}
+	}
+}
+
 // Show button text labels when preference is enabled.
 .show-icon-labels {
 	.admin-ui-page__header-actions {

packages/edit-site/src/components/page-patterns/index.js

@@ -217,7 +217,6 @@ export default function DataviewsPatterns() {
 						<PatternsActions />
 					</>
 				}
-				hasPadding={ false }
 			>
 				<DataViews
 					key={ categoryId + postType }

packages/edit-site/src/components/page-templates/index.js

@@ -254,7 +254,6 @@ export default function PageTemplates() {
 					<AddNewTemplate />
 				</>
 			}
-			hasPadding={ false }
 		>
 			<DataViews
 				key={ activeView }

packages/edit-site/src/components/post-list/index.js

@@ -254,7 +254,6 @@ export default function PostList( { postType } ) {
 					) }
 				</>
 			}
-			hasPadding={ false }
 		>
 			<DataViews
 				key={ activeView }

packages/edit-site/src/components/sidebar-global-styles-wrapper/index.js

@@ -132,7 +132,6 @@ export default function GlobalStylesUIWrapper() {
 			}
 			className="edit-site-styles"
 			title={ __( 'Styles' ) }
-			hasPadding={ false }
 		>
 			<GlobalStylesUI path={ section } onPathChange={ onChangeSection } />
 		</Page>