From 1b9c669ae3d16d8fcaaa6977d558e420e7bdfc03 Mon Sep 17 00:00:00 2001
From: Le Libre Au Quotidien <louisdupont72@yahoo.com>
Date: Thu, 3 Oct 2019 11:52:26 +0200
Subject: [PATCH] Add round to buttons on vote-choice

---
 .../vote-choice/vote-choice.component.html    | 11 ++++++++---
 .../vote-choice/vote-choice.component.scss    | 19 ++++++++++++-------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/app/vote-choice/vote-choice.component.html b/src/app/vote-choice/vote-choice.component.html
index ef5aae72..8ba6808b 100644
--- a/src/app/vote-choice/vote-choice.component.html
+++ b/src/app/vote-choice/vote-choice.component.html
@@ -21,26 +21,31 @@
             <span class="count-maybe">
             <p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg">
         </span>
-            <span class="count-no">
-            <p>{{choice.votesCount.no}}</p>
-        </span>
+
             <span class="count-didnt-answer">
             <p>{{choice.votesCount.notAnswered}}</p>
         </span>
         </div>
         <div class="vote">
             <!-- show only the yes check if the config is set to simpleAnswer -->
+            <button>
             <img width="16px" height="12px"
                  src="../../assets/img/check.svg"
                  (click)="setAnswserTo('yes')">
+                 </button>
+                 <button>
             <img width="19px" height="15px"
                  src="../../assets/img/check-2.svg"
                  (click)="setAnswserTo('maybe')"
                  *ngIf="!choice.simpleAnswer">
+                 </button>
+                 <button>
             <img width="12px" height="12px"
                  src="../../assets/img/croix.svg"
                  (click)="setAnswserTo('no')"
                  *ngIf="!choice.simpleAnswer">
+                 </button>
         </div>
+
     </div>
 </div>
diff --git a/src/app/vote-choice/vote-choice.component.scss b/src/app/vote-choice/vote-choice.component.scss
index 5a54c4bd..a90fe213 100644
--- a/src/app/vote-choice/vote-choice.component.scss
+++ b/src/app/vote-choice/vote-choice.component.scss
@@ -5,11 +5,10 @@
     overflow: auto;
     display: flex;
 }
-#vote img{
-  /*
-border: 1px solid  #aeafb1;
-border-radius: 48px;
-*/
+.vote img{
+  vertical-align: middle;
+  text-align: center;
+
 }
 
 h2, h3 {
@@ -21,13 +20,19 @@ span {
     font-size: 24px;
 }
 
-#nombre_vote {
+.nombre_vote {
     vertical-align: middle;
     float: left;
 
 }
 
 // TODO intricate selectors
-#nombre_vote p {
+.nombre_vote p {
     line-height: 20px;
 }
+.vote button{
+border: 1px solid  #aeafb1;;
+border-radius: 50%;
+width:48px;
+height: 48px;
+}