separate column

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

@@ -36,26 +36,36 @@ class MarkdownSetting extends React.Component {
 
     return (
       <React.Fragment>
-        {/* Line Break Setting */}
-        <div className="row mb-5">
-          <h2 className="border-bottom">{t('admin:markdown_setting.lineBreak_header')}</h2>
-          <p className="well">{t('admin:markdown_setting.lineBreak_desc')}</p>
-          <LineBreakForm />
-        </div>
+        <div className="row">
+          <div className="col-md-3">
+          hoge
+          </div>
+
+          <div className="col-md-9">
+            {/* Line Break Setting */}
+            <div className="row mb-5">
+              <h2 className="border-bottom">{t('admin:markdown_setting.lineBreak_header')}</h2>
+              <p className="well">{t('admin:markdown_setting.lineBreak_desc')}</p>
+              <LineBreakForm />
+            </div>
+
+            {/* Presentation Setting */}
+            <div className="row mb-5">
+              <h2 className="border-bottom">{t('admin:markdown_setting.presentation_header')}</h2>
+              <p className="well">{t('admin:markdown_setting.presentation_desc')}</p>
+              <PresentationForm />
+            </div>
+
+            {/* XSS Setting */}
+            <div className="row mb-5">
+              <h2 className="border-bottom">{t('admin:markdown_setting.xss_header')}</h2>
+              <p className="well">{t('admin:markdown_setting.xss_desc')}</p>
+              <XssForm />
+            </div>
+          </div>
 
-        {/* Presentation Setting */}
-        <div className="row mb-5">
-          <h2 className="border-bottom">{t('admin:markdown_setting.presentation_header')}</h2>
-          <p className="well">{t('admin:markdown_setting.presentation_desc')}</p>
-          <PresentationForm />
         </div>
 
-        {/* XSS Setting */}
-        <div className="row mb-5">
-          <h2 className="border-bottom">{t('admin:markdown_setting.xss_header')}</h2>
-          <p className="well">{t('admin:markdown_setting.xss_desc')}</p>
-          <XssForm />
-        </div>
       </React.Fragment>
     );
   }

src/server/views/admin/markdown.html

@@ -12,16 +12,7 @@
 {% endblock %}
 
 {% block content_main %}
-<div class="content-main">
-  <div class="row">
-    <div class="col-md-3">
-      {% include './widget/menu.html' with {current: 'markdown'} %}
-    </div>
-
-    <div class="col-md-9" id="admin-markdown-setting"></div>
-  </div>
-
-</div>
+<div class="content-main" id="admin-markdown-setting"></div>
 {% endblock content_main %}
 
 {% block content_footer %}