better display of poll button #93

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>

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 */
 }

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;