Merge pull request #63 from sgmap/conversation-centrée

Conversation centrée

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 {

source/components/Satisfaction.js

@@ -55,9 +55,10 @@ export default class Satisfaction extends Component {
 			return (
 				<p id="satisfaction">
 					Vous êtes satisfait du simulateur ?
-					{" "}
-					<Smiley text=":)" hoverColor="#16a085" clicked={onSmileyClick}/>
-					<Smiley text=":|" hoverColor="#f39c12" clicked={onSmileyClick}/>
+					<p>
+						<Smiley text=":)" hoverColor="#16a085" clicked={onSmileyClick}/>
+						<Smiley text=":|" hoverColor="#f39c12" clicked={onSmileyClick}/>
+					</p>
 				</p>
 			)
 

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;
 }
 
 

source/components/conversation/conversation.css

@@ -143,6 +143,7 @@
 
 .step fieldset ul {
 	list-style-type: none;
+	padding-left: 2em;
 }
 
 #foldedSteps {