From d89c08b549786a53a66197e0d873745c5210f36c Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Mon, 6 Jan 2025 22:39:45 -0500 Subject: Fix message handle position --- ui/styles/messages.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/ui/styles/messages.css b/ui/styles/messages.css index 7df781a..16333af 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -40,6 +40,7 @@ .message { padding: 0.5rem 0 0 0.5rem; + position: relative; } .message:hover { @@ -50,16 +51,19 @@ } .message .handle { - --text-size: 0.5rem; + --text-size: 0.75rem; float: right; line-height: var(--text-size); font-size: var(--text-size); - top: -0.5rem; - position: relative; + top: -0.75rem; + right: 0.5rem; + position: absolute; padding: 0.25rem; border-radius: 0.25rem; display: none; - background-color: var(--colour-message-bg); + background-color: var(--colour-message-handle-bg); + color: var(--colour-message-handle-text); + border: 1px solid var(--colour-message-handle-border); } .message:hover .handle { -- cgit v1.2.3