Fix block padding + wrapping

WordPress · Jun 29, 2017 · e37894c · e37894c
1 parent 032af2d
commit e37894c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 19 deletions.
diff --git a/blocks/library/latest-posts/index.js b/blocks/library/latest-posts/index.js
@@ -116,22 +116,18 @@ registerBlockType( 'core/latestposts', {
 						/>
 					</InspectorControls>
 				),
-				<div className={ this.props.className } key="latest-posts">
-					<ul className="blocks-latest-posts__list">
-						{ latestPosts.map( ( post, i ) =>
-							<li key={ i }>
-								<a href={ post.link }>{ post.title.rendered }</a>
-								{ displayPostDate && post.date_gmt &&
-									(
-										<span className="blocks-latest-posts__post-date">
-											{ moment( post.date_gmt ).local().format( 'MMM DD h:mm A' ) }
-										</span>
-									)
-								}
-							</li>
-						) }
-					</ul>
-				</div>,
+				<ul className={ this.props.className } key="latest-posts">
+					{ latestPosts.map( ( post, i ) =>
+						<li key={ i }>
+							<a href={ post.link }>{ post.title.rendered }</a>
+							{ displayPostDate && post.date_gmt &&
+								<span className={ `${ this.props.className }__post-date` }>
+									{ moment( post.date_gmt ).local().format( 'MMM DD h:mm A' ) }
+								</span>
+							}
+						</li>
+					) }
+				</ul>,
 			];
 		}
 

diff --git a/blocks/library/latest-posts/style.scss b/blocks/library/latest-posts/style.scss
@@ -1,8 +1,8 @@
-.blocks-latest-posts .blocks-latest-posts__list {
-	padding-left: 1em;
+div[data-type="core/latestposts"] .wp-block-latestposts {
+	padding-left: 2.5em;
 }
 
-.blocks-latest-posts__post-date {
+.wp-block-latestposts__post-date {
 	display: block;
 	color: $dark-gray-100;
 	font-size: $default-font-size;