From d3c964fad3c1ec3e38495557afcc6348972f9b01 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 26 Mar 2023 23:27:44 +0800
Subject: [PATCH] More vertically compact poll UI

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

diff --git a/src/components/status.css b/src/components/status.css
index 86ebfd81..8040e568 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -828,6 +828,7 @@ a.card:is(:hover, :focus) {
 
 .poll {
   transition: opacity 0.2s ease-in-out;
+  margin-top: 8px;
 }
 .poll.loading {
   opacity: 0.5;
@@ -837,7 +838,6 @@ a.card:is(:hover, :focus) {
   pointer-events: none;
 }
 .poll-option {
-  margin-top: 8px;
   padding: 8px;
   display: flex;
   gap: 8px;
@@ -851,11 +851,21 @@ a.card:is(:hover, :focus) {
     transparent
   );
   background-repeat: no-repeat;
-  border-radius: 8px;
+  /* border-radius: 8px; */
   border: 1px solid var(--outline-color);
+  border-bottom: 0;
   align-items: center;
   text-shadow: 0 1px var(--bg-blur-color);
 }
+.poll-option:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.poll-option:last-of-type {
+  border-bottom: 1px solid var(--outline-color);
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
 .poll-label {
   width: 100%;
   display: flex;