Formatter and aligned the buttons with the form

SignalK · Sep 10, 2023 · 312ae28 · 312ae28
1 parent 9838b76
commit 312ae28
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/server-admin-ui/src/views/security/AccessRequests.js b/packages/server-admin-ui/src/views/security/AccessRequests.js
@@ -211,8 +211,12 @@ class AccessRequests extends Component {
                     </FormGroup>
                   </CardBody>
                   <CardFooter>
-                    <Row className={'ml-0 mr-0 d-flex justify-content-between justify-content-sm-start'}>
-                      <Col xs="4" md="2" className={'pl-0 pr-0'}>
+                    <Row
+                      className={
+                        'ml-0 mr-0 d-flex justify-content-between justify-content-sm-start'
+                      }
+                    >
+                      <Col xs="4" md="4" lg="2" className={'pl-0 pr-0 pr-md-2'}>
                         <Button
                           size="md"
                           color="success"
@@ -234,7 +238,12 @@ class AccessRequests extends Component {
                           Approve
                         </Button>
                       </Col>
-                      <Col xs="4" md="2" className={'pl-0 pr-0'}>
+                      <Col
+                        xs="4"
+                        md="8"
+                        lg="3"
+                        className={'pl-2 pl-lg-1 pr-0 pr-md-2'}
+                      >
                         <Button
                           size="md"
                           color="danger"