Fix styles.

WordPress · Sep 27, 2019 · 9fbbc25 · 9fbbc25
1 parent d7ec731
commit 9fbbc25
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/components/src/font-size-picker/index.js b/packages/components/src/font-size-picker/index.js
@@ -93,7 +93,7 @@ function FontSizePicker( {
 						onChange( undefined );
 						setCurrentSelectValue( getSelectValueFromFontSize( fontSizes, undefined ) );
 					} }
-					isSmall
+					isLarge
 					isDefault
 				>
 					{ __( 'Reset' ) }

diff --git a/packages/components/src/font-size-picker/select.scss b/packages/components/src/font-size-picker/select.scss
@@ -46,14 +46,18 @@
 
 .components-font-size-picker__select-selector.components-font-size-picker__select-selector {
 	background: #fff;
+	border: 1px solid $dark-gray-200;
+	border-radius: 4px;
+	box-shadow: none;
 	margin-top: $grid-size;
+	padding-left: $grid-size-small;
+	position: relative;
 }
 
 .components-font-size-picker__select-selector::after {
 	content: "▼";
-	position: relative;
-	right: -10px;
-	padding: 0 8px;
+	position: absolute;
+	right: $grid-size-small;
 }
 
 .components-font-size-picker__select-selector:focus {

diff --git a/packages/components/src/font-size-picker/style.scss b/packages/components/src/font-size-picker/style.scss
@@ -4,7 +4,7 @@
 	max-width: $sidebar-width - ( 2 * $panel-padding );
 	display: flex;
 	justify-content: space-between;
-	align-items: center;
+	align-items: flex-end;
 	margin-bottom: $grid-size * 3;
 
 	// Apply the same height as the isSmall Reset button.