@wordpress/edit-site 3.0.18-next.33ec3857e2.0 → 3.0.18

package/src/components/sidebar/global-styles-sidebar.js

@@ -24,7 +24,6 @@ export default function GlobalStylesSidebar() {
 			title={ __( 'Styles' ) }
 			icon={ styles }
 			closeLabel={ __( 'Close global styles sidebar' ) }
-			panelClassName="edit-site-global-styles-sidebar__panel"
 			header={
 				<Flex>
 					<FlexBlock>

package/src/components/sidebar/style.scss

@@ -17,23 +17,6 @@
 	}
 }
 
-.edit-site-global-styles-sidebar {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-
-	&__panel,
-	&__navigator-provider {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-	}
-
-	&__navigator-screen {
-		flex: 1;
-	}
-}
-
 .edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon {
 	margin-left: 0;
 }
@@ -42,6 +25,20 @@
 	margin-left: auto;
 }
 
+.edit-site-global-styles-sidebar__border-controls-row {
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: $grid-unit-15;
+
+	> * {
+		width: calc(50% - #{ $grid-unit-10 });
+	}
+
+	.components-border-style-control__buttons {
+		margin-bottom: 0;
+	}
+}
+
 .edit-site-global-styles-sidebar .components-navigation__menu-title-heading {
 	font-size: $default-font-size * 1.2;
 	font-weight: 500;
@@ -56,10 +53,6 @@
 	border: 0;
 }
 
-.edit-site-global-styles-sidebar .components-tools-panel-item.single-column {
-	grid-column: span 1;
-}
-
 .edit-site-global-styles-sidebar__blocks-group {
 	padding-top: $grid-unit-30;
 	border-top: $border-width solid $gray-200;