From 94f74b70160d594efeea7f1a246b480dea76c719 Mon Sep 17 00:00:00 2001 From: Vasek Sraier Date: Sat, 17 Oct 2020 16:09:04 +0200 Subject: [PATCH] task panel: better close button --- frontend/src/TaskPanel.svelte | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/frontend/src/TaskPanel.svelte b/frontend/src/TaskPanel.svelte index cacd96e..4f5f218 100644 --- a/frontend/src/TaskPanel.svelte +++ b/frontend/src/TaskPanel.svelte @@ -67,17 +67,22 @@ border-bottom: 2px solid #444444; } .closeButton { - display: none; position: absolute; right: 0; top: 0; - color: white; - background-color: red; - border: 0; + margin-top: 0.3em; + margin-right: 0.3em; cursor: pointer; + color: #ddd; + border-radius: 1.5em; + border: 1.5px solid #666666; + background: transparent; + font-size: 1.5em; + line-height: 0.7em; + padding: 0.4em 0.4em; } .closeButton::before { - content: "X"; + content: "✖"; } .panel.full .closeButton { display: inherit }