From 59d7782b65eaf6b2bab6bbcfa9ec97cf9f6d3c73 Mon Sep 17 00:00:00 2001
From: Hayleigh Thompson <me@hayleigh.dev>
Date: Wed, 19 Jul 2023 22:04:07 +0100
Subject: :lipstick: Format debug output nicely.

---
 test/examples/input.gleam | 11 ++++++++++-
 test/examples/input.html  |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

(limited to 'test')

diff --git a/test/examples/input.gleam b/test/examples/input.gleam
index 352e480..da93d47 100644
--- a/test/examples/input.gleam
+++ b/test/examples/input.gleam
@@ -64,7 +64,16 @@ fn render(model: Model) -> Element(Msg) {
         email_input(model.email),
         password_input(model.password),
         remember_checkbox(model.remember_me),
-        pre([attribute.class("debug")], [t(string.inspect(model))]),
+        pre(
+          [attribute.class("debug")],
+          [
+            string.inspect(model)
+            |> string.replace("(", "(\n  ")
+            |> string.replace(", ", ",\n  ")
+            |> string.replace(")", "\n)")
+            |> t,
+          ],
+        ),
       ]),
     ],
   )
diff --git a/test/examples/input.html b/test/examples/input.html
index 273dffa..3bd6463 100644
--- a/test/examples/input.html
+++ b/test/examples/input.html
@@ -21,7 +21,7 @@
         }
 
         .debug {
-          @apply text-sm text-gray-400 whitespace-pre-line;
+          @apply text-sm text-gray-400;
         }
 
         .input label {
-- 
cgit v1.2.3