add spaces to top of display icons

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -133,7 +133,7 @@ export default class GridEditModal extends React.Component {
               <div className="col-md-3 text-md-right pr-0">
                 <label className="pr-3">Break point by display size :</label>
               </div>
-              <div className="col-md-3 text-left pl-0">
+              <div className="col-md-3 text-left pl-md-0">
                 <div className="form-group inline-block">
                   <div>
                     {/* TODO unite radio button style with that of AppSetting.jsx by GW-3342 */}
@@ -181,15 +181,15 @@ export default class GridEditModal extends React.Component {
             <div className="row">
               <h1 className="pl-3 w-100">Preview</h1>
               <div className="col-md-6">
-                <label className="d-block"><i className="pr-2 icon-screen-desktop"></i>Desktop</label>
+                <label className="d-block pt-2"><i className="pr-2 icon-screen-desktop"></i>Desktop</label>
                 <div className="desktop-preview border d-block"></div>
               </div>
               <div className="col-md-3">
-                <label className="d-block"><i className="pr-2 icon-screen-tablet"></i>Tablet</label>
+                <label className="d-block pt-2"><i className="pr-2 icon-screen-tablet"></i>Tablet</label>
                 <div className="tablet-preview border d-block"></div>
               </div>
               <div className="col-md-3">
-                <label className="d-block"><i className="pr-2 icon-screen-smartphone"></i>Mobile</label>
+                <label className="d-block pt-2"><i className="pr-2 icon-screen-smartphone"></i>Mobile</label>
                 <div className="mobile-preview border d-block"></div>
               </div>
             </div>