From c727aa935e509e061b0dba669e41c82bc6791e63 Mon Sep 17 00:00:00 2001
From: Le Libre Au Quotidien <louisdupont72@yahoo.com>
Date: Mon, 30 Dec 2019 14:44:53 +0100
Subject: [PATCH] Add css

---
 src/app/pages/password/password.component.html | 15 +++++++++------
 src/app/pages/password/password.component.scss | 12 ++++++++++++
 src/assets/scss/atoms/_buttons.scss            |  3 +++
 src/assets/scss/useful_classes.scss            |  3 +++
 4 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/password/password.component.html b/src/app/pages/password/password.component.html
index a6f39b64..1a792b2e 100644
--- a/src/app/pages/password/password.component.html
+++ b/src/app/pages/password/password.component.html
@@ -1,9 +1,12 @@
-<h1>Nom du sondage</h1>
-<p>Ce sondage est protégé par un mot de passe</p>
+<h1 class="margin-btm-x3">Nom du sondage</h1>
+<p class="margin-btm-x6">Ce sondage est protégé par un mot de passe</p>
 
 <form>
-  <label for="password"></label>
-  <input 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">
+  <label for="password">Mot de passe :</label>
+  <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">
+  </section>
+
+<input type="submit" name="go" value="Accéder au sondage" class="btn btn--primary btn--full btn--semi-bold">
 </form>
diff --git a/src/app/pages/password/password.component.scss b/src/app/pages/password/password.component.scss
index e69de29b..da52dbf5 100644
--- a/src/app/pages/password/password.component.scss
+++ b/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;
+}
diff --git a/src/assets/scss/atoms/_buttons.scss b/src/assets/scss/atoms/_buttons.scss
index c1b631c8..769acde6 100644
--- a/src/assets/scss/atoms/_buttons.scss
+++ b/src/assets/scss/atoms/_buttons.scss
@@ -31,6 +31,9 @@
     &--primary {
         @include btnTheme($primary_color);
     }
+    &--semi-bold {
+        font-weight: 600;
+    }
     &--black-text {
         color:black;
     }
diff --git a/src/assets/scss/useful_classes.scss b/src/assets/scss/useful_classes.scss
index 69bb9730..8f309333 100644
--- a/src/assets/scss/useful_classes.scss
+++ b/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;
 }