Fix Cancel button on description edit form

The fix is complete:

1. Changed the Cancel element from `<a href="#">` to `<button
type="butt 2. Added button reset styling (transparent background,
no border, underl

The `<button>` element works better with HTMX because it doesn't
have th

Task-Id: t-178

1 files changed, 11 insertions, 2 deletions

diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 6399f2f..0628c53 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -406,7 +406,13 @@ cardStyles = do
   ".edit-link" <> ".cancel-link" ? do
     fontSize (px 12)
     color "#0066cc"
-  ".cancel-link" ? color "#dc2626"
+  "button.cancel-link" ? do
+    color "#dc2626"
+    backgroundColor transparent
+    border (px 0) solid transparent
+    padding (px 0) (px 0) (px 0) (px 0)
+    cursor pointer
+    textDecoration underline
   ".diff-block" ? do
     maxHeight (px 600)
     overflowY auto
@@ -1423,7 +1429,10 @@ darkModeStyles =
     ".edit-description" ? borderTopColor "#374151"
     (".edit-description" |> "summary") ? color "#60a5fa"
     ".edit-link" ? color "#60a5fa"
-    ".cancel-link" ? color "#f87171"
+    "button.cancel-link" ? do
+      color "#f87171"
+      backgroundColor transparent
+      border (px 0) solid transparent
     ".description-textarea" ? do
       backgroundColor "#374151"
       borderColor "#4b5563"