⚡ lang input placement

src/app/app.component.html

@@ -29,7 +29,7 @@
             >
             <select
                 name="language"
-                class="Language-"
+                class="language-selector"
                 (change)="switchLanguage(currentLang)"
                 [(ngModel)]="currentLang"
             >

src/app/app.component.scss

@@ -13,3 +13,7 @@ header {
 i {
     display: block;
 }
+
+.language-selector {
+    width: auto;
+}

src/app/pages/resume/resume.component.html

@@ -31,21 +31,12 @@
 
 </div >
 
-<button
+<button [routerLink]="'/step/visibility'"
-    (click)='submitCreationAndGoToEnd()'
+        class="btn btn--primary btn--full">
-    class="btn btn--primary btn--full"
-    i18n="@@confirm" >
     C'est parfait!
-    <i
-        class='fa fa-paper-plane'
-        *ngIf="!config.loading" ></i >
-    <span
-        class="loading"
-        *ngIf="config.loading" >
-    <i class="fa fa-refresh fa-spin fa-fw" ></i >
-</span >
 </button>
 
+
 <div class="back" >
     <a
         [routerLink]="'/step/answers'"

src/app/pages/resume/resume.component.ts

@@ -15,7 +15,4 @@ export class ResumeComponent extends BaseComponent {
         super(config);
     }
 
-    submitCreationAndGoToEnd() {
-        this.config.createPoll();
-    }
 }

src/app/pages/visibility/visibility.component.html

@@ -94,7 +94,7 @@
 
 </section >
 <section class="access" >
-    <h2 >
+    <h2 class='title' >
         {{"visibility.access"|translate}}
     </h2 >
     <label for="url" >
@@ -159,11 +159,21 @@
     </div >
 </section >
 
-<a
+<button
-    [routerLink]="'/step/end'"
+    (click)='submitCreationAndGoToEnd()'
-    class="btn btn-link btn--primary" >
+    class="btn btn--primary btn--full"
+    i18n="@@confirm" >
     {{"visibility.validate_btn"|translate}}
-</a >
+    <i
+        class='fa fa-paper-plane'
+        *ngIf="!config.loading" ></i >
+    <span
+        class="loading"
+        *ngIf="config.loading" >
+        <i class="fa fa-refresh fa-spin fa-fw" ></i >
+    </span >
+</button >
+
 <div class="back" >
 
     <a

src/app/pages/visibility/visibility.component.scss

@@ -0,0 +1,5 @@
+:host {
+    h2 {
+        margin-top: 1em;
+    }
+}

src/app/pages/visibility/visibility.component.ts

@@ -21,5 +21,8 @@ export class VisibilityComponent extends BaseComponent implements OnInit {
         this.config.expirationDate = (this.config.addDaysToDate(this.config.expiracyDateDefaultInDays, new Date())).toISOString().substring(0, 10);
     }
 
+    submitCreationAndGoToEnd() {
+        this.config.createPoll();
+    }
 
 }

src/assets/scss/atoms/_forms.scss

@@ -97,10 +97,6 @@ input {
     }
 }
 
-label {
-    font-weight: 600;
-    font-size: 18px;
-}
 
 .comment {
     border-left: 6px solid $ugly-purple;

src/assets/scss/atoms/_links.scss

@@ -6,7 +6,7 @@ a {
     font-family: $default_font;
     font-weight: 600;
     font-size: 1.6rem;
-  color: $font_color;
+    color: $font_color !important;
 
     &,
     &:hover {

src/assets/scss/molecules/_logo.scss

@@ -10,12 +10,17 @@
 .logo_second {
     color: $logo_color_2;
 }
+
 .wrapper {
     display: grid;
     margin-left: auto;
     margin-right: auto;
-  width: 80px;
+    width: 20em;
     margin-top: 1rem;
+
+    select {
+        float: right;
+    }
 }
 
 .lang_icon {
@@ -23,6 +28,7 @@
     grid-row: 1;
     margin-left: auto;
     margin-right: auto;
+    margin-bottom: 1ch;
 }
 
 .menu_icon {