geser dikit

src/container/MonthlyReport/BalanceSheetMR.js

@@ -1815,7 +1815,7 @@ export default class BalanceSheetMR extends Component {
                         {/* {this.props.isApprover === true || this.state.dataTable.length == 0 ? null :
                                 (this.props.lastStatus === 'SUBMIT' || this.props.lastStatus === 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ? */}
                         <div className="grid grid-2x" style={{ padding: 20 }}>
-                            <div className="col-1">
+                            <div className="col-1" style={{ paddingLeft: 0 }}>
                                 <button
                                     type="button"
                                     onClick={() => this.setState({ loading: true }, () => {
@@ -1827,7 +1827,7 @@ export default class BalanceSheetMR extends Component {
                                         backgroundColor: 'transparent',
                                         cursor: 'pointer',
                                         borderColor: 'transparent',
-                                        outline: 'none'
+                                        outline: 'none',
                                     }}
                                 >
                                     <div style={{ backgroundColor: '#019ce5', width: 105, height: 25, borderRadius: 3, justifyContent: 'center', display: 'flex', alignItems: 'center' }}>
@@ -1838,7 +1838,7 @@ export default class BalanceSheetMR extends Component {
                             {this.props.isApprover === true ?
                                 <div className="col-2">
                                 </div> :
-                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
+                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingRight: 5 }}>
                                     <button
                                         className="button"
                                         type="button"

src/container/MonthlyReport/ProfitLossMR.js

@@ -1876,7 +1876,7 @@ export default class ProfitLossMR extends Component {
                         {/* {this.props.isApprover === true || this.state.dataTable.length == 0 ? null :
                             (this.props.lastStatus === 'SUBMIT' || this.props.lastStatus === 'REVISION') && this.props.prevRevision === false && (this.props.status === 'revision' || this.props.status === 'not-yet' || this.props.status === 'draft' || this.props.status === 'submitted') ? */}
                         <div className="grid grid-2x" style={{ padding: 20 }}>
-                            <div className="col-1">
+                            <div className="col-1" style={{ paddingLeft: 0}}>
                                 <button
                                     type="button"
                                     onClick={() => this.setState({ loading: true }, () => {
@@ -1899,7 +1899,7 @@ export default class ProfitLossMR extends Component {
                             {this.props.isApprover === true ?
                                 <div className="col-2">
                                 </div> :
-                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%' }}>
+                                <div className="col-2" style={{ display: 'flex', justifyContent: 'flex-end', maxWidth: '100%', paddingRight: 5 }}>
                                     <button
                                         className="button"
                                         type="button"