From 4ff97044f0a6593ae36c52af9b7a9ac7b0d883af Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Fri, 23 Oct 2020 08:26:03 +0200
Subject: [PATCH] Change public/private button css

---
 app/src/main/kotlin/views/NoteView.kt | 28 +++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/app/src/main/kotlin/views/NoteView.kt b/app/src/main/kotlin/views/NoteView.kt
index 13d69ff..b7d0f88 100644
--- a/app/src/main/kotlin/views/NoteView.kt
+++ b/app/src/main/kotlin/views/NoteView.kt
@@ -165,30 +165,34 @@ class NoteView(staticFileResolver: StaticFileResolver) : View(staticFileResolver
     }
 
     private fun DIV.noteActionForm(note: PersistedNote) {
-        span("flex space-x-2 justify-end mb-4") {
+        form(method = FormMethod.post, classes = "inline flex space-x-2 justify-end mb-4") {
             a(
                 href = "/notes/${note.uuid}/edit",
                 classes = "btn btn-green"
             ) { +"Edit" }
-            form(method = FormMethod.post, classes = "inline") {
+            span {
                 button(
                     type = ButtonType.submit,
                     name = if (note.public) "private" else "public",
-                    classes = "btn btn-teal"
+                    classes = "font-semibold border-b-4 ${if (note.public) "border-teal-200" else "border-green-500"}" +
+                        " p-2 rounded-l bg-teal-200 text-gray-800"
                 ) {
-                    if (note.public)
-                        +"Private ?"
-                    else
-                        +"Public ?"
+                    +"Private"
                 }
-            }
-            form(method = FormMethod.post, classes = "inline") {
                 button(
                     type = ButtonType.submit,
-                    name = "delete",
-                    classes = "btn btn-red"
-                ) { +"Delete" }
+                    name = if (note.public) "private" else "public",
+                    classes = "font-semibold border-b-4 ${if (!note.public) "border-teal-200" else "border-green-500"}" +
+                        " p-2 rounded-r bg-teal-200 text-gray-800"
+                ) {
+                    +"Public"
+                }
             }
+            button(
+                type = ButtonType.submit,
+                name = "delete",
+                classes = "btn btn-red"
+            ) { +"Delete" }
         }
     }
 }