From 758765de8b26e4a31d02a743f83f95a49e08ec56 Mon Sep 17 00:00:00 2001
From: Alexandra Nyitraiova <alexandranyitraiova@gmail.com>
Date: Thu, 15 Jun 2017 17:10:25 +0200
Subject: [PATCH] Style "number of posts to show" row

---
 blocks/library/latest-posts/index.js   | 19 +++++++++++--------
 blocks/library/latest-posts/style.scss |  7 +++++++
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/blocks/library/latest-posts/index.js b/blocks/library/latest-posts/index.js
index 0d9c0d6b62547..9c78b4b02956c 100644
--- a/blocks/library/latest-posts/index.js
+++ b/blocks/library/latest-posts/index.js
@@ -110,14 +110,17 @@ registerBlockType( 'core/latestposts', {
 								showHint={ false }
 							/>
 						</div>
-						<label htmlFor={ postToShowId }>Number of posts to show:</label>
-						<input
-							type="text"
-							value={ this.props.attributes.poststoshow }
-							ref={ postToShowId }
-							id={ postToShowId }
-							onChange={ () => this.changePostsToShow( this.refs[ postToShowId ].value ) }
-						/>
+						<div className="editor-latest-posts__row">
+							<label htmlFor={ postToShowId }>{ __( 'Number of posts to show' ) } </label>
+							<input
+								type="text"
+								value={ this.props.attributes.poststoshow }
+								ref={ postToShowId }
+								id={ postToShowId }
+								className="editor-latest-posts__input"
+								onChange={ () => this.changePostsToShow( this.refs[ postToShowId ].value ) }
+							/>
+						</div>
 					</InspectorControls>
 				),
 				<div className={ this.props.className } key="latest-posts">
diff --git a/blocks/library/latest-posts/style.scss b/blocks/library/latest-posts/style.scss
index e5fc7a0a6b38b..53f5494d44fab 100644
--- a/blocks/library/latest-posts/style.scss
+++ b/blocks/library/latest-posts/style.scss
@@ -14,3 +14,10 @@
 .blocks-latest-posts__post-date {
 	padding-left: 1em;
 }
+
+.editor-latest-posts__input {
+	width: 3em;
+	-webkit-border-radius: 0.3em;
+	-moz-border-radius: 0.3em;
+	border-radius: 0.3em;
+}
\ No newline at end of file