Display the block inline to avoid filling the entire parent block cli…

…ckable area
Automattic · Apr 15, 2020 · 9cd3feb · 9cd3feb
1 parent 758bbcf
commit 9cd3feb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/extensions/blocks/button/edit.js b/extensions/blocks/button/edit.js
@@ -22,6 +22,7 @@ import applyFallbackStyles from './apply-fallback-styles';
 import ButtonBorderPanel from './button-border-panel';
 import ButtonColorsPanel from './button-colors-panel';
 import { IS_GRADIENT_AVAILABLE } from './constants';
+import './editor.scss';
 
 const ButtonEdit = ( {
 	attributes,

diff --git a/extensions/blocks/button/editor.scss b/extensions/blocks/button/editor.scss
@@ -0,0 +1,4 @@
+.wp-block[data-type='jetpack/button'] {
+	display: inline-block;
+	margin: 0 auto;
+}