From ef9a0fe7704a18da5c5b4e75ee0839b53e6e70c3 Mon Sep 17 00:00:00 2001
From: newick <erick@entre-quote.com>
Date: Fri, 6 Sep 2019 11:47:54 +0200
Subject: [PATCH] added wrap to flex-line

---
 .../form-container.component.html             | 81 +++++++++----------
 src/assets/scss/molecules/_flex-line.scss     |  1 +
 2 files changed, 40 insertions(+), 42 deletions(-)

diff --git a/src/app/form-container/form-container.component.html b/src/app/form-container/form-container.component.html
index c90e354b..908695d9 100644
--- a/src/app/form-container/form-container.component.html
+++ b/src/app/form-container/form-container.component.html
@@ -1,47 +1,44 @@
-<div class="description">
+<router-outlet></router-outlet>
+<h1 i18n>
+	Pour commencer
+</h1>
 
-	<router-outlet></router-outlet>
-	<h1 i18n>
-		Pour commencer
-	</h1>
+<div class="flex-line">
+	<span class="pre-selector" i18n>
+		Je veux créer un sondage
+	</span>
+	<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType">
+		<option value="dates">
+			spécial dates
+		</option>
+		<option value="classic">
+			classique
+		</option>
+	</select>
+</div>
 
-	<div class="flex-line">
-		<span class="pre-selector" i18n>
-			Je veux créer un sondage
-		</span>
-		<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType">
-			<option value="dates">
-				spécial dates
-			</option>
-			<option value="classic">
-				classique
-			</option>
-		</select>
-	</div>
+<div class="flex-line">
+	<label for="poll_title" class="title-label" i18n>
+		Dont le titre sera
+	</label>
+	<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
 
-	<div class="flex-line">
-		<label for="poll_title" class="title-label" i18n>
-			Dont le titre sera
-		</label>
-		<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
+</div>
 
-	</div>
+<div>
+	<label for="poll_description" class="title-label" i18n>
+		et la description serait
+	</label>
+	<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
+		lines="5"></textarea>
 
-	<div>
-		<label for="poll_description" class="title-label" i18n>
-			et la description serait
-		</label>
-		<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
-			lines="5"></textarea>
-
-	</div>
-	<div class="flex-line">
-		<label for="my_name">
-			Je peux aussi préciser mon nom si je le souhaite :
-		</label>
-		<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
-	</div>
-	<a [routerLink]="'/step/answers'" class="btn btn-block" i18n>
-		Continuer
-	</a>
-</div>
\ No newline at end of file
+</div>
+<div class="flex-line">
+	<label for="my_name">
+		Je peux aussi préciser mon nom si je le souhaite :
+	</label>
+	<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
+</div>
+<a [routerLink]="'/step/answers'" class="btn btn-block" i18n>
+	Continuer
+</a>
\ No newline at end of file
diff --git a/src/assets/scss/molecules/_flex-line.scss b/src/assets/scss/molecules/_flex-line.scss
index 296d6b1b..0bd372f1 100644
--- a/src/assets/scss/molecules/_flex-line.scss
+++ b/src/assets/scss/molecules/_flex-line.scss
@@ -3,6 +3,7 @@
 .flex-line {
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
 
     & > input,
     & > select {