diff --git a/src/components/Analysis/AnalysisErrorModal.tsx b/src/components/Analysis/AnalysisErrorModal.tsx index b83f392cc47e95dddae6ad5b8769952397c32d69..561e0e0e284e646bfce0cd6087d14531abe556d8 100644 --- a/src/components/Analysis/AnalysisErrorModal.tsx +++ b/src/components/Analysis/AnalysisErrorModal.tsx @@ -1,9 +1,9 @@ -import React from 'react' +import Button from '@material-ui/core/Button' +import Dialog from '@material-ui/core/Dialog' import { useI18n } from 'cozy-ui/transpiled/react/I18n' +import React from 'react' import { useHistory } from 'react-router-dom' -import Button from '@material-ui/core/Button' import './analysisError.scss' -import Dialog from '@material-ui/core/Dialog' const AnalysisErrorModal: React.FC = () => { const { t } = useI18n() @@ -32,15 +32,15 @@ const AnalysisErrorModal: React.FC = () => { <div id={'accessibility-title'}> {t('analysis_error_modal.accessibility.window_title')} </div> - <div className="em-root analyis-error-container"> + <div className="em-root analysis-error-container"> <div className="em-content"> - <div className="analyis-error-title text-20-bold"> + <div className="analysis-error-title text-20-bold"> {t('analysis_error_modal.title')} </div> - <div className="analyis-error-message text-16-normal"> + <div className="analysis-error-message text-16-normal"> {t('analysis_error_modal.message')} </div> - <div className="analyis-error-button"> + <div className="analysis-error-button"> <Button aria-label={t( 'analysis_error_modal.accessibility.button_go_back' diff --git a/src/components/Analysis/analysisError.scss b/src/components/Analysis/analysisError.scss index 94328619c599f47e6202ecfbab2978c04638f1fa..20fe6495e9c43389f0307b1071a18210eba3eabd 100644 --- a/src/components/Analysis/analysisError.scss +++ b/src/components/Analysis/analysisError.scss @@ -9,20 +9,22 @@ } } -.analyis-error-container { +.analysis-error-container { border-radius: 4px; margin-bottom: 1rem; color: $grey-bright; text-align: center; - .analyis-error-title { + .analysis-error-title { color: $gold-shadow; margin-bottom: 2rem; } - .analyis-error-button { + .analysis-error-button { display: flex; justify-content: space-between; + gap: 1rem; margin-top: 2rem; button { + margin: 0; &.btn-highlight, &.btn-secondary-positive { width: 45%;