diff --git a/source/components/Aide.css b/source/components/Aide.css index 3ac789dd8..6c50dabdc 100644 --- a/source/components/Aide.css +++ b/source/components/Aide.css @@ -1,8 +1,8 @@ #sim #helpWrapper { - width: 35%; - margin: 3em; - visibility: hidden; + max-width: 85%; + margin: 3em auto; + display: none; } #sim #help { @@ -15,27 +15,6 @@ position: relative; } -@media (max-width: 1280px) { - #sim #helpWrapper { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(255, 255, 255, 0.86); - z-index: 1; - } - #sim #help { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 30em; - max-width: 90%; - margin: 0; - } -} - #sim #help blockquote { font-style: italic; font-size: 90%; @@ -45,7 +24,7 @@ } #sim #helpWrapper.active { - visibility: visible; + display: block; } #sim #help i.fa-info-circle { diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css index 5ccf534b8..6e7d8771b 100644 --- a/source/components/Simulateur.css +++ b/source/components/Simulateur.css @@ -92,13 +92,11 @@ #conversation { margin: 3em auto; + padding: 0 1em; font-size: 110%; line-height: normal; - display: flex; - align-items: flex-start; min-height: 10em; - max-width: 90%; - max-height: 85%; + max-width: 50em; }