From f509f0a12f026204e8c95f9e9deb1a8c937ff860 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= <vojtech.kane@gmail.com>
Date: Tue, 29 Sep 2020 13:15:19 +0200
Subject: [PATCH] Add proper close button to TaskPanel

Related to #8
---
 frontend/src/TaskPanel.svelte | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/TaskPanel.svelte b/frontend/src/TaskPanel.svelte
index b96149a..4e454b5 100644
--- a/frontend/src/TaskPanel.svelte
+++ b/frontend/src/TaskPanel.svelte
@@ -64,14 +64,24 @@ import TaskDisplay from "./TaskDisplay.svelte";
     .panel.full {
         min-height: 100%;
     }
-    .closeButton { display: none }
+    .closeButton {
+        display: none;
+	position: absolute;
+	right: 0;
+	top: 0;
+	color: white;
+	background-color: red;
+	border: 0;
+	cursor: pointer;
+    }
+    .closeButton::before {
+        content: "X";
+    }
     .panel.full .closeButton { display: inherit }
 </style>
 
 <div class="panel {heightClass}"
      on:click={() => selectedTask && select(selectedTask)}>
     <TaskDisplay taskId={selectedTask?.id} />
-    <button type=button class="closeButton" on:click|stopPropagation={close}>
-        Zavřít
-    </button>
+    <button type=button class="closeButton" on:click|stopPropagation={close}></button>
 </div>