Modify vote component

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">

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;
+}

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";