From d194b08aef2c899a9725463f2f1ed1cdb263fd6c Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 2 Apr 2023 15:17:30 +0800
Subject: [PATCH] Further UI change to polls

---
 src/components/status.css | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index b4837685..dc9870b5 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -835,6 +835,15 @@ a.card:is(:hover, :focus) {
 .poll {
   transition: opacity 0.2s ease-in-out;
   margin-top: 8px;
+  border-radius: 16px;
+  border: 1px solid var(--outline-color);
+  background-color: var(--bg-faded-color);
+  background-image: linear-gradient(
+    to bottom,
+    var(--bg-color) 50%,
+    var(--bg-faded-color)
+  );
+  overflow: hidden;
 }
 .poll.loading {
   opacity: 0.5;
@@ -848,9 +857,6 @@ a.card:is(:hover, :focus) {
   flex-direction: column;
   gap: 4px;
   padding: 4px;
-  border-radius: 16px;
-  border: 1px solid var(--outline-color);
-  background-color: var(--bg-faded-color);
 }
 .poll-option {
   padding: 4px 8px;
@@ -878,10 +884,6 @@ a.card:is(:hover, :focus) {
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
 }
-.poll-option:last-child:after {
-  border-bottom-left-radius: 12px;
-  border-bottom-right-radius: 12px;
-}
 .poll-option:hover:after {
   opacity: 1;
 }
@@ -910,10 +912,11 @@ a.card:is(:hover, :focus) {
   opacity: 1;
 }
 .poll-vote-button {
-  margin-top: 8px;
+  margin: 8px 8px 0 12px;
+  padding-inline: 24px;
 }
 .poll-meta {
-  margin: 8px 0;
+  margin: 8px 16px;
   font-size: 90%;
 }
 .poll-option-title {