apply bst4 for well

src/client/js/components/Admin/Customize/CustomizeCssSetting.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
+import { Card, CardBody } from 'reactstrap';
 
 import loggerFactory from '@alias/logger';
 
@@ -51,10 +52,12 @@ class CustomizeCssSetting extends React.Component {
     return (
       <React.Fragment>
         <h2 className="admin-setting-header">{t('customize_page.Custom CSS')}</h2>
-        <p className="well">
-          { t('customize_page.write_CSS') }<br />
-          { t('customize_page.reflect_change') }
-        </p>
+        <Card className="card-well my-3">
+          <CardBody>
+            { t('customize_page.write_CSS') }<br />
+            { t('customize_page.reflect_change') }
+          </CardBody>
+        </Card>
         <div className="form-group">
           <div className="col-xs-12">
             <CustomCssEditor

src/client/js/components/Admin/Customize/CustomizeFunctionSetting.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
+import { Card, CardBody } from 'reactstrap';
 
 import loggerFactory from '@alias/logger';
 
@@ -42,7 +43,12 @@ class CustomizeBehaviorSetting extends React.Component {
     return (
       <React.Fragment>
         <h2 className="admin-setting-header">{t('customize_page.Function')}</h2>
-        <p className="well">{ t('customize_page.function_choose') }</p>
+        <Card className="card-well my-3">
+          <CardBody>
+            { t('customize_page.function_choose') }
+          </CardBody>
+        </Card>
+
 
         <div className="form-group row">
           <div className="col-xs-offset-3 col-xs-6 text-left">

src/client/js/components/Admin/Customize/CustomizeScriptSetting.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
+import { Card, CardBody } from 'reactstrap';
 
 import loggerFactory from '@alias/logger';
 
@@ -59,10 +60,12 @@ class CustomizeScriptSetting extends React.Component {
     return (
       <React.Fragment>
         <h2 className="admin-setting-header">{t('customize_page.Custom script')}</h2>
-        <p className="well">
-          { t('customize_page.write_java') }<br />
-          { t('customize_page.reflect_change') }
-        </p>
+        <Card className="card-well my-3">
+          <CardBody>
+            { t('customize_page.write_java') }<br />
+            { t('customize_page.reflect_change') }
+          </CardBody>
+        </Card>
 
         <div className="help-block">
           Placeholders:<br />