[Fix] File Block center align behavior (#8303)

* Fix file block center align behavior * Introduce new selector for content container and apply CSS to it instead
WordPress · Aug 1, 2018 · f9f20aa · f9f20aa
1 parent 54990c0
commit f9f20aa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/core-blocks/file/edit.js b/core-blocks/file/edit.js
@@ -189,7 +189,7 @@ class FileEdit extends Component {
 					</Toolbar>
 				</BlockControls>
 				<div className={ classes }>
-					<div>
+					<div className={ `${ className }__content-wrapper` }>
 						<RichText
 							wrapperClassName={ `${ className }__textlink` }
 							tagName="div" // must be block-level or else cursor disappears

diff --git a/core-blocks/file/editor.scss b/core-blocks/file/editor.scss
@@ -8,6 +8,10 @@
 		@include loading_fade;
 	}
 
+	&__content-wrapper {
+		flex-grow: 1;
+	}
+
 	&__textlink {
 		display: inline-block;
 		color: $blue-medium-700;