move form

src/client/js/components/Admin/MarkdownSetting/LineBreakSetting.jsx

@@ -57,42 +57,36 @@ class LineBreakSetting extends React.Component {
 
     return (
       <React.Fragment>
-        <div className="row my-3">
+        <fieldset className="row">
           <div className="form-group">
-            <legend>{ t('markdown_setting.line_break_setting') }</legend>
-            <p className="well">{ t('markdown_setting.line_break_setting_desc') }</p>
-            <fieldset className="row">
-              <div className="form-group">
-                <div className="col-xs-4 text-right">
-                  <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
-                    <input type="checkbox" name="isEnabledLinebreaks" checked={this.state.isEnabledLinebreaks} />
-                    <label>
-                      { t('markdown_setting.Enable Line Break') }
-                    </label>
-                    <p className="help-block">{ t('markdown_setting.Enable Line Break desc') }</p>
-                  </div>
-                </div>
+            <div className="col-xs-4 text-right">
+              <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaks}>
+                <input type="checkbox" name="isEnabledLinebreaks" checked={this.state.isEnabledLinebreaks} />
+                <label>
+                  { t('markdown_setting.Enable Line Break') }
+                </label>
+                <p className="help-block">{ t('markdown_setting.Enable Line Break desc') }</p>
               </div>
-            </fieldset>
-            <fieldset className="row">
-              <div className="form-group my-3">
-                <div className="col-xs-4 text-right">
-                  <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaksInComments}>
-                    <input type="checkbox" name="isEnabledLinebreaksInComments" checked={this.state.isEnabledLinebreaksInComments} />
-                    <label>
-                      { t('markdown_setting.Enable Line Break for comment') }
-                    </label>
-                    <p className="help-block">{ t('markdown_setting.Enable Line Break for comment desc') }</p>
-                  </div>
-                </div>
-              </div>
-            </fieldset>
+            </div>
           </div>
+        </fieldset>
+        <fieldset className="row">
           <div className="form-group my-3">
-            <div className="col-xs-offset-4 col-xs-5">
-              <button type="submit" className="btn btn-primary" onClick={this.changeLineBreakSettings}>{ t('Update') }</button>
+            <div className="col-xs-4 text-right">
+              <div className="checkbox checkbox-success" onChange={this.onChangeEnableLineBreaksInComments}>
+                <input type="checkbox" name="isEnabledLinebreaksInComments" checked={this.state.isEnabledLinebreaksInComments} />
+                <label>
+                  { t('markdown_setting.Enable Line Break for comment') }
+                </label>
+                <p className="help-block">{ t('markdown_setting.Enable Line Break for comment desc') }</p>
+              </div>
             </div>
           </div>
+        </fieldset>
+        <div className="form-group my-3">
+          <div className="col-xs-offset-4 col-xs-5">
+            <button type="submit" className="btn btn-primary" onClick={this.changeLineBreakSettings}>{ t('Update') }</button>
+          </div>
         </div>
       </React.Fragment>
     );

src/client/js/components/Admin/MarkdownSetting/MarkDownSetting.jsx

@@ -17,8 +17,10 @@ class MarkdownSetting extends React.Component {
     return (
       // TODO GW-322 adjust layout
       <React.Fragment>
-        <div>
-          {/* Line Break Setting */}
+        {/* Line Break Setting */}
+        <div className="row my-3">
+          <h2>{ t('markdown_setting.line_break_setting') }</h2>
+          <p className="well">{ t('markdown_setting.line_break_setting_desc') }</p>
           <LineBreakSetting />
         </div>