Improve readability of Failed card

equinor · Feb 7, 2024 · 116ae51 · 116ae51
1 parent 3e24b09
commit 116ae51
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/frontend/src/components/Alerts/FailedMissionAlert.tsx b/frontend/src/components/Alerts/FailedMissionAlert.tsx
@@ -7,13 +7,16 @@ import { useNavigate } from 'react-router-dom'
 import { useLanguageContext } from 'components/Contexts/LanguageContext'
 
 const Indent = styled.div`
-    padding: 0px 9px;
+    padding: 0px 0px 0px 5px;
 `
 
 const StyledButton = styled(Button)`
     :hover {
         background-color: #ff9797;
     }
+    text-align: left;
+    height: auto;
+    padding: 5px 5px;
 `
 
 interface MissionsProps {
@@ -47,8 +50,9 @@ const SeveralFailedMissions = ({ missions }: MissionsProps) => {
 
     return (
         <StyledButton onClick={goToHistory} variant="ghost" color="secondary">
-            <strong>{missions.length}</strong>{' '}
-            {' ' + TranslateText("missions failed recently. See 'Mission History' for more information.")}
+            {missions.length.toString() +
+                ' ' +
+                TranslateText("missions failed recently. See 'Mission History' for more information.")}
         </StyledButton>
     )
 }

diff --git a/frontend/src/components/Alerts/FailedRequestAlert.tsx b/frontend/src/components/Alerts/FailedRequestAlert.tsx
@@ -36,4 +36,4 @@ export const FailedRequestAlertContent = ({ translatedMessage }: { translatedMes
             </StyledButton>
         </StyledDiv>
     )
-}
+}
-Original file line number
+Diff line change
@@ Expand Up @@
                 </StyledButton>
             </StyledDiv>
         )
-    }
+    }