adjust layout

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

@@ -18,21 +18,21 @@ class MarkdownSetting extends React.Component {
       <React.Fragment>
         {/* Line Break Setting */}
         <div className="row mb-5">
-          <h2 className="border-bottom">{ t('markdown_setting.line_break_setting') }</h2>
-          <p className="well">{ t('markdown_setting.line_break_setting_desc') }</p>
+          <h2 className="border-bottom w-100">{ t('markdown_setting.line_break_setting') }</h2>
+          <div className="well w-100">{ t('markdown_setting.line_break_setting_desc') }</div>
           <LineBreakForm />
         </div>
 
         {/* Presentation Setting */}
         <div className="row mb-5">
-          <h2 className="border-bottom">{ t('markdown_setting.presentation_setting') }</h2>
-          <p className="well">{ t('markdown_setting.presentation_setting_desc') }</p>
+          <h2 className="border-bottom w-100">{ t('markdown_setting.presentation_setting') }</h2>
+          <p className="well w-100">{ t('markdown_setting.presentation_setting_desc') }</p>
           <PresentationForm />
         </div>
 
         {/* XSS Setting */}
         <div className="row mb-5">
-          <h2 className="border-bottom">{ t('markdown_setting.XSS_setting') }</h2>
+          <h2 className="border-bottom w-100">{ t('markdown_setting.XSS_setting') }</h2>
           <p className="well">{ t('markdown_setting.XSS_setting_desc') }</p>
           <XssForm />
         </div>