From b8311371f9a89099ddae311a87fc84e5aaeebcb0 Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Thu, 6 Jun 2019 19:01:04 -0400
Subject: [PATCH] better display of poll button #93

---
 .../stream/status/poll/poll.component.html           |  4 ++--
 .../stream/status/poll/poll.component.scss           | 12 ++++++++----
 .../components/stream/status/poll/poll.component.ts  |  1 -
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/components/stream/status/poll/poll.component.html b/src/app/components/stream/status/poll/poll.component.html
index aa570621..0ff1feb2 100644
--- a/src/app/components/stream/status/poll/poll.component.html
+++ b/src/app/components/stream/status/poll/poll.component.html
@@ -22,7 +22,7 @@
     <div class="poll__voting">
         <button href *ngIf="!poll.voted && !poll.expired" class="btn btn-sm btn-custom-primary poll__btn-vote"
             title="don't boo, vote!" (click)="vote()">Vote</button>
-        <a href class="poll__refresh" *ngIf="poll.voted && !poll.expired">refresh </a>
-        <div class="poll__statistics"><span *ngIf="poll.voted"> · </span>{{poll.votes_count}} votes · X days left</div>
+        <a href class="poll__refresh" *ngIf="poll.voted || poll.expired" title="refresh poll">refresh</a>
+        <div class="poll__statistics"><span *ngIf="poll.voted || poll.expired" class="poll__separator">·</span>{{poll.votes_count}} votes<span *ngIf="!poll.expired" class="poll__separator">· X days left</span></div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/app/components/stream/status/poll/poll.component.scss b/src/app/components/stream/status/poll/poll.component.scss
index af1a342c..3ab37e63 100644
--- a/src/app/components/stream/status/poll/poll.component.scss
+++ b/src/app/components/stream/status/poll/poll.component.scss
@@ -120,7 +120,7 @@
         margin: 0 0 5px 5px;
         padding: 0 5px 0 5px;
         position: relative;
-        height: 26px;
+        height: 27px;
 
         &--data {
             position: absolute;
@@ -142,7 +142,7 @@
             top:0;
             left:0;
             width: calc(100%);
-            height: 21px;
+            height: 22px;
             z-index: 1;
             float: left;
             border-radius: 2px;
@@ -152,6 +152,11 @@
             }
         }
     }
+
+    &__separator {
+        display: inline-block;
+        margin: 0 5px;
+    }
 }
 
 .noselect {
@@ -166,6 +171,5 @@
     -ms-user-select: none;
     /* Internet Explorer/Edge */
     user-select: none;
-    /* Non-prefixed version, currently
-                                    supported by Chrome and Opera */
+    /* Non-prefixed version, currently supported by Chrome and Opera */
 }
\ No newline at end of file
diff --git a/src/app/components/stream/status/poll/poll.component.ts b/src/app/components/stream/status/poll/poll.component.ts
index 007021f9..c4c340f3 100644
--- a/src/app/components/stream/status/poll/poll.component.ts
+++ b/src/app/components/stream/status/poll/poll.component.ts
@@ -82,7 +82,6 @@ class PollOptionWrapper implements PollOption {
             this.percentage = ((this.votes_count / totalVotes) * 100).toFixed(0);
         }
         this.isMax = isMax;
-        console.warn(this.isMax);
     }
 
     id: number;