remove unnecessory classes like text-nowrap and col and so on

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

@@ -130,50 +130,46 @@ export default class GridEditModal extends React.Component {
                   {this.gridDivisionMenu()}
                 </div>
               </div>
-              <div className="col-lg-6 pr-0 mb-2">
-                <label className="pr-3 text-nowrap">Break point by display size :</label>
-                <div className="col-lg-6 text-left pl-0">
-                  <div className="form-group inline-block">
-                    <div className="text-nowrap">
-                      {/* TODO unite radio button style with that of AppSetting.jsx by GW-3342 */}
-                      <input
-                        type="radio"
-                        id={BootstrapGrid.ResponsiveSize.XS_SIZE}
-                        name="responsiveSize"
-                        value={BootstrapGrid.ResponsiveSize.XS_SIZE}
-                        onChange={(e) => { this.checkResposiveSize(e.target.value) }}
-                        checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.XS_SIZE}
-                      />
-                      <label htmlFor={BootstrapGrid.ResponsiveSize.XS_SIZE}>
-                        <i className="pl-2 pr-1 icon-screen-smartphone"></i> Mobile / No break point
-                      </label>
-                    </div>
-                    <div>
-                      <input
-                        type="radio"
-                        id={BootstrapGrid.ResponsiveSize.SM_SIZE}
-                        name="responsiveSize"
-                        value={BootstrapGrid.ResponsiveSize.SM_SIZE}
-                        onChange={(e) => { this.checkResposiveSize(e.target.value) }}
-                        checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.SM_SIZE}
-                      />
-                      <label htmlFor={BootstrapGrid.ResponsiveSize.SM_SIZE}>
-                        <i className="pl-2 pr-1 icon-screen-tablet"></i> Tablet
-                      </label>
-                    </div>
-                    <div>
-                      <input
-                        type="radio"
-                        id={BootstrapGrid.ResponsiveSize.MD_SIZE}
-                        name="responsiveSize"
-                        value={BootstrapGrid.ResponsiveSize.MD_SIZE}
-                        onChange={(e) => { this.checkResposiveSize(e.target.value) }}
-                        checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.MD_SIZE}
-                      />
-                      <label htmlFor={BootstrapGrid.ResponsiveSize.MD_SIZE}>
-                        <i className="pl-2 pr-1 icon-screen-desktop"></i> Desktop
-                      </label>
-                    </div>
+              <div className="col-lg-6 mb-2">
+                <label className="pr-3">Break point by display size :</label>
+                <div className="form-group inline-block">
+                  {/* TODO unite radio button style with that of AppSetting.jsx by GW-3342 */}
+                  <input
+                    type="radio"
+                    id={BootstrapGrid.ResponsiveSize.XS_SIZE}
+                    name="responsiveSize"
+                    value={BootstrapGrid.ResponsiveSize.XS_SIZE}
+                    onChange={(e) => { this.checkResposiveSize(e.target.value) }}
+                    checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.XS_SIZE}
+                  />
+                  <label htmlFor={BootstrapGrid.ResponsiveSize.XS_SIZE}>
+                    <i className="pl-2 pr-1 icon-screen-smartphone"></i> Mobile / No break point
+                  </label>
+                  <div>
+                    <input
+                      type="radio"
+                      id={BootstrapGrid.ResponsiveSize.SM_SIZE}
+                      name="responsiveSize"
+                      value={BootstrapGrid.ResponsiveSize.SM_SIZE}
+                      onChange={(e) => { this.checkResposiveSize(e.target.value) }}
+                      checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.SM_SIZE}
+                    />
+                    <label htmlFor={BootstrapGrid.ResponsiveSize.SM_SIZE}>
+                      <i className="pl-2 pr-1 icon-screen-tablet"></i> Tablet
+                    </label>
+                  </div>
+                  <div>
+                    <input
+                      type="radio"
+                      id={BootstrapGrid.ResponsiveSize.MD_SIZE}
+                      name="responsiveSize"
+                      value={BootstrapGrid.ResponsiveSize.MD_SIZE}
+                      onChange={(e) => { this.checkResposiveSize(e.target.value) }}
+                      checked={this.state.responsiveSize === BootstrapGrid.ResponsiveSize.MD_SIZE}
+                    />
+                    <label htmlFor={BootstrapGrid.ResponsiveSize.MD_SIZE}>
+                      <i className="pl-2 pr-1 icon-screen-desktop"></i> Desktop
+                    </label>
                   </div>
                 </div>
               </div>