Add css

src/app/pages/password/password.component.html

@@ -1,9 +1,12 @@
-<h1>Nom du sondage</h1>
+<h1 class="margin-btm-x3">Nom du sondage</h1>
-<p>Ce sondage est protégé par un mot de passe</p>
+<p class="margin-btm-x6">Ce sondage est protégé par un mot de passe</p>
 
 <form>
-  <label for="password"></label>
+  <label for="password">Mot de passe :</label>
-  <input type="password" name="password">
+  <section class="row">
+    <input class="margin-btm-x5" type="password" name="password">
     <input type="submit" name="view" value="Voir" class="btn btn--small btn--purple">
-<input type="submit" name="go" value="Accéder au sondage" class="btn btn--primary btn--full">
+  </section>
+
+<input type="submit" name="go" value="Accéder au sondage" class="btn btn--primary btn--full btn--semi-bold">
 </form>

src/app/pages/password/password.component.scss

@@ -0,0 +1,12 @@
+form{
+  display:flex;
+  flex-direction: column;
+}
+label{
+  font-weight: 600;
+  font-size: 18px;
+}
+h1{
+  display:flex;
+  align-self: center;
+}

src/assets/scss/atoms/_buttons.scss

@@ -31,6 +31,9 @@
     &--primary {
         @include btnTheme($primary_color);
     }
+    &--semi-bold {
+        font-weight: 600;
+    }
     &--black-text {
         color:black;
     }

src/assets/scss/useful_classes.scss

@@ -108,6 +108,9 @@
 .margin-top-x8{
   margin-top:80px;
 }
+.margin-right-x2{
+  margin-bottom:20px;
+}
 .text-14{
   font-size: 14px;
 }