From bcfcb7e9f4a0098a0b271e62af4f01b08230a7ea Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Wed, 21 Dec 2022 09:16:28 +0100
Subject: [PATCH] fix: title alinement analysis
---
src/components/Analysis/AnalysisErrorModal.tsx | 14 +++++++-------
src/components/Analysis/analysisError.scss | 8 +++++---
2 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/src/components/Analysis/AnalysisErrorModal.tsx b/src/components/Analysis/AnalysisErrorModal.tsx
index b83f392cc..561e0e0e2 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 94328619c..20fe6495e 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%;
--
GitLab