From e11bf53f86f79dbb9b502ba2152ceaff4b870ca5 Mon Sep 17 00:00:00 2001
From: Alvaro Saburido <alvaro.saburido@gmail.com>
Date: Wed, 30 Nov 2022 12:24:20 +0100
Subject: [PATCH] feat(a11y): improve contrast on poll results accessibility
 (#252)

---
 components/status/StatusPoll.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/components/status/StatusPoll.vue b/components/status/StatusPoll.vue
index 99850c37..710ec08e 100644
--- a/components/status/StatusPoll.vue
+++ b/components/status/StatusPoll.vue
@@ -42,14 +42,11 @@ async function vote(e: Event) {
     </form>
     <template v-else>
       <div v-for="(option, index) of poll.options" :key="index" flex justify-between p-1 relative :style="{ '--bar-width': toPercentage((option.votesCount || 0) / poll.votesCount) }">
-        <div absolute top-0 left-0 bottom-0 bg-primary-active rounded-lg h-full class="w-[var(--bar-width)]" />
-        <div z-1 flex items-center gap-1 px-1>
-          <div>
-            {{ option.title }}
-          </div>
-          <div v-if="poll.voted && poll.ownVotes?.includes(index)">
-            <div i-ri:checkbox-circle-line />
-          </div>
+        <div absolute top-0 left-0 bottom-0 bg-primary-active rounded-l-sm rounded-r-lg h-full class="w-[var(--bar-width)]" />
+        <div z-1 flex items-center gap-1 px-1 text-inverted>
+          {{ option.title }}
+
+          <div v-if="poll.voted && poll.ownVotes?.includes(index)" i-ri:checkbox-circle-line />
         </div>
         <div z-1>
           {{ poll.votesCount ? toPercentage((option.votesCount || 0) / (poll.votesCount)) : '0%' }}