From 46e541c5ed1d8ea892e6efb6d005f6efa18f658c Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 14 Jul 2019 22:22:50 +0900
Subject: [PATCH] refs #874 Fix polls components design

---
 src/renderer/components/molecules/Toot/Poll.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/molecules/Toot/Poll.vue b/src/renderer/components/molecules/Toot/Poll.vue
index 4e65069f..078ae861 100644
--- a/src/renderer/components/molecules/Toot/Poll.vue
+++ b/src/renderer/components/molecules/Toot/Poll.vue
@@ -16,9 +16,9 @@
         </li>
       </template>
     </ul>
-    <el-button type="success" @click="vote" v-if="!poll.voted" :disabled="pollRadio === null">Vote</el-button>
-    {{ poll.votes_count }} votes,
-    until {{ parseDatetime(poll.expires_at, now) }}
+    <el-button type="success" size="small" @click="vote" v-if="!poll.voted" :disabled="pollRadio === null">Vote</el-button>
+    <span class="votes-count">{{ poll.votes_count }} votes,</span>
+    <span class="until">until {{ parseDatetime(poll.expires_at, now) }}</span>
   </div>
 </template>
 
@@ -78,6 +78,10 @@ export default {
       position: relative;
       margin: 4px 0;
       line-height: 32px;
+
+      .el-radio /deep/ {
+        color: var(--theme-regular-color);
+      }
     }
 
     .voted {
@@ -102,5 +106,10 @@ export default {
       }
     }
   }
+
+  .votes-count {
+    display: inline-block;
+    padding-left: 8px;
+  }
 }
 </style>