From 280783c56b699f72e736f31125cf4ab22c9d8c70 Mon Sep 17 00:00:00 2001
From: Le Libre Au Quotidien <louisdupont72@yahoo.com>
Date: Thu, 3 Oct 2019 18:36:06 +0200
Subject: [PATCH] Modify vote component

---
 src/app/vote-choice/vote-choice.component.html |  2 +-
 src/app/vote-choice/vote-choice.component.scss | 12 ++++++++++++
 src/assets/scss/variables.scss                 |  2 ++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/vote-choice/vote-choice.component.html b/src/app/vote-choice/vote-choice.component.html
index 7db79e4b..250abae7 100644
--- a/src/app/vote-choice/vote-choice.component.html
+++ b/src/app/vote-choice/vote-choice.component.html
@@ -16,7 +16,7 @@
             <div class="description">
                 {{choice.text}}
             </div>
-            <h3>{{choice.date | date:'EEEE'}} <span>{{choice.date | date:'dd'}}</span>{{choice.date | date:'LLLL'}} </h3>
+            <h3>{{choice.date | date:'EEEE'}} <span>{{choice.date | date:'dd'}}</span> {{choice.date | date:'LLLL'}} </h3>
             <h3>08:00</h3>
         </div>
         <div id="nombre_vote">
diff --git a/src/app/vote-choice/vote-choice.component.scss b/src/app/vote-choice/vote-choice.component.scss
index cd61dd4c..2fe9a5d5 100644
--- a/src/app/vote-choice/vote-choice.component.scss
+++ b/src/app/vote-choice/vote-choice.component.scss
@@ -38,3 +38,15 @@ border-radius: 50%;
 width:48px;
 height: 48px;
 }
+.vote button:hover{
+  border-color: #807e7e;
+  transition:0,5s;
+}
+.vote button:focus{
+  border:3px solid #bf83c2;
+  outline:0;
+}
+.nombre_vote img{
+  vertical-align: middle;
+  display:inline;
+}
diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index ae263ce9..bb56d215 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -11,6 +11,7 @@ $dusty-orange: #f18647;
 $violet: #bd10e0;
 $red: #cd0000;
 $cool-grey: #aeafb1;
+$warm-grey:#807e7e;
 
 // interpretations in app
 $primary_color: $ugly-purple;
@@ -19,6 +20,7 @@ $font_color: $black;
 $logo_color: $dark-lavender;
 $logo_color_2: $camo;
 $choice_select_border_color: $cool-grey;
+$hover-color:$warm-grey;
 
 // FONT
 $default_font : "pt_sans";