added flex-line

src/app/form-container/form-container.component.html

@@ -4,18 +4,12 @@
 	<h1 i18n>
 		Pour commencer
 	</h1>
-	<span
-		  class="pre-selector"
-		  i18n
-	>
+
+	<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"
-	>
+		<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType">
 			<option value="dates">
 				spécial dates
 			</option>
@@ -23,63 +17,31 @@
 				classique
 			</option>
 		</select>
-	<span class="post-selector">
-  </span>
+	</div>
 
-	<div>
-
-		<label
-			  for="poll_title"
-			  class="title-label"
-			  i18n
-		>
+	<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"
-		>
+		<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
 
 	</div>
 
 	<div>
-
-		<label
-			  for="poll_description"
-			  class="title-label"
-			  i18n
-		>
+		<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>
+		<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
+			lines="5"></textarea>
 
 	</div>
-	<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"
-		>
+		<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
 	</div>
-	<a
-		  [routerLink]="'/step/answers'"
-		  class="btn btn-block"
-		  i18n
-	>
+	<a [routerLink]="'/step/answers'" class="btn btn-block" i18n>
 		Continuer
 	</a>
-	<hr>
 </div>

src/assets/scss/molecules/_flex-line.scss

@@ -0,0 +1,11 @@
+@charset "UTF-8";
+
+.flex-line {
+    display: flex;
+    align-items: center;
+
+    & > input,
+    & > select {
+        flex-grow: 1;
+    }
+}

src/styles.scss

@@ -15,3 +15,4 @@
 
 @import "assets/scss/molecules/logo";
 @import "assets/scss/molecules/debug";
+@import "assets/scss/molecules/flex-line";