Fix styling of close button in NoMissionsDialog

equinor · Nov 29, 2024 · 975cd24 · 975cd24
1 parent 8bbe1b1
commit 975cd24
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/...src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx b/...src/components/Pages/FrontPage/MissionOverview/ScheduleMissionDialog/NoMissionsDialog.tsx
@@ -3,11 +3,6 @@ import styled from 'styled-components'
 import { useLanguageContext } from 'components/Contexts/LanguageContext'
 import { StyledDialog } from 'components/Styles/StyledComponents'
 
-const StyledButton = styled(Button)`
-    display: flex;
-    justify-content: end;
-`
-
 export const NoMissionsDialog = ({ closeDialog }: { closeDialog: () => void }): JSX.Element => {
     const { TranslateText } = useLanguageContext()
     return (
@@ -20,9 +15,11 @@ export const NoMissionsDialog = ({ closeDialog }: { closeDialog: () => void }):
                     {TranslateText('This installation does not have missions. Please create mission.')}
                 </Typography>
             </StyledDialog.Content>
-            <StyledButton onClick={closeDialog} variant="outlined">
-                {TranslateText('Cancel')}
-            </StyledButton>
+            <StyledDialog.Actions>
+                <Button onClick={closeDialog} variant="outlined">
+                    {TranslateText('Close')}
+                </Button>
+            </StyledDialog.Actions>
         </StyledDialog>
     )
 }
diff --git a/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx b/frontend/src/components/Pages/RobotPage/RobotArmMovement.tsx
@@ -95,9 +95,9 @@ export const MoveRobotArm = ({ robot, armPosition, isRobotAvailable }: RobotProp
             </StyledTextButton>
             <StyledDialog open={feedback !== ''}>
                 {feedback}
-                <StyledCloseButton>
+                <StyledDialog.Actions>
                     <Button onClick={() => setFeedback('')}>{TranslateText('Close')}</Button>
-                </StyledCloseButton>
+                </StyledDialog.Actions>
             </StyledDialog>
         </>
     )