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;