From 381d9358752a6a4f2e5d54166933f4de1a2e2a05 Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Fri, 21 Aug 2020 20:21:47 +0200
Subject: [PATCH] add clear search button

---
 app/src/main/kotlin/views/components/NoteListHeader.kt | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/src/main/kotlin/views/components/NoteListHeader.kt b/app/src/main/kotlin/views/components/NoteListHeader.kt
index 92be0fb..cf8c96a 100644
--- a/app/src/main/kotlin/views/components/NoteListHeader.kt
+++ b/app/src/main/kotlin/views/components/NoteListHeader.kt
@@ -18,16 +18,19 @@ fun DIV.noteListHeader(numberOfDeletedNotes: Int, query: String = "") {
             ) { +"New" }
         }
     }
-    form(method = post, classes = "mb-4") {
+    form(method = post, classes = "mb-4 flex space-x-2") {
         val colors = "bg-gray-800 border-gray-700 focus:border-teal-500 text-white"
         input(
             name = "search",
-            classes = "$colors rounded w-3/4 border appearance-none focus:outline-none text-base p-2"
+            classes = "$colors rounded w-2/3 border appearance-none focus:outline-none text-base flex-1 p-2"
         ) {
             attributes["value"] = query
         }
-        button(type = submit, classes = "btn btn-green w-1/4") {
+        button(type = submit, classes = "btn btn-green") {
             +"search"
         }
+        a(href = "/notes", classes = "btn btn-red inline-block text-center") {
+            +"clear"
+        }
     }
 }