adjust button

src/client/js/components/Admin/Common/AdminUpdateButton.jsx → src/client/js/components/Admin/Common/AdminUpdateButtonRow.jsx

@@ -2,15 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
 
-class AdminUpdateButton extends React.PureComponent {
+class AdminUpdateButtonRow extends React.PureComponent {
 
   render() {
     const { t } = this.props;
 
     return (
-      <div className="form-group my-3">
+      <div className="row my-3">
         <div className="col-xs-offset-4 col-xs-5">
-          <div className="btn btn-primary" onClick={this.props.onClick}>{ t('Update') }</div>
+          <button type="button" className="btn btn-primary" onClick={this.props.onClick}>{ t('Update') }</button>
         </div>
       </div>
     );
@@ -18,10 +18,10 @@ class AdminUpdateButton extends React.PureComponent {
 
 }
 
-AdminUpdateButton.propTypes = {
+AdminUpdateButtonRow.propTypes = {
   t: PropTypes.func.isRequired, // i18next
 
   onClick: PropTypes.func.isRequired,
 };
 
-export default withTranslation()(AdminUpdateButton);
+export default withTranslation()(AdminUpdateButtonRow);

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

@@ -11,7 +11,7 @@ import AppContainer from '../../../services/AppContainer';
 
 import AdminCustomizeContainer from '../../../services/AdminCustomizeContainer';
 import CustomizeBehaviorOption from './CustomizeBehaviorOption';
-import AdminUpdateButton from '../Common/AdminUpdateButton';
+import AdminUpdateButtonRow from '../Common/AdminUpdateButtonRow';
 
 const logger = loggerFactory('growi:importer');
 
@@ -74,7 +74,7 @@ class CustomizeBehaviorSetting extends React.Component {
           </ul>
         </CustomizeBehaviorOption>
 
-        <AdminUpdateButton onClick={this.onClickSubmit} />
+        <AdminUpdateButtonRow onClick={this.onClickSubmit} />
       </React.Fragment>
     );
   }

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

@@ -12,7 +12,7 @@ import AppContainer from '../../../services/AppContainer';
 import CustomizeLayoutOptions from './CustomizeLayoutOptions';
 import CustomizeThemeOptions from './CustomizeThemeOptions';
 import AdminCustomizeContainer from '../../../services/AdminCustomizeContainer';
-import AdminUpdateButton from '../Common/AdminUpdateButton';
+import AdminUpdateButtonRow from '../Common/AdminUpdateButtonRow';
 
 const logger = loggerFactory('growi:importer');
 
@@ -59,7 +59,7 @@ class CustomizeLayoutSetting extends React.Component {
         <h2>{ t('customize_page.Theme') }</h2>
         {this.renderDevAlert()}
         <CustomizeThemeOptions />
-        <AdminUpdateButton onClick={this.onClickSubmit} />
+        <AdminUpdateButtonRow onClick={this.onClickSubmit} />
       </React.Fragment>
     );
   }