From e35219c1cf1c9689a268a8afb23030159d158b60 Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Mon, 27 Sep 2021 14:40:55 +0200
Subject: [PATCH] Make log messages wrap

---
 src/components/Log.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/Log.svelte b/src/components/Log.svelte
index 9d18853..0ccc11e 100644
--- a/src/components/Log.svelte
+++ b/src/components/Log.svelte
@@ -23,6 +23,16 @@
       addMessage("message" + $messages.length);
     }}>Add Message</button
   >
+  <button
+    on:click={() => {
+      addMessage("message".repeat(100) + $messages.length);
+    }}>Add Long Message</button
+  >
+  <button
+    on:click={() => {
+      addMessage("message ".repeat(100) + $messages.length);
+    }}>Add Long Message (spaced)</button
+  >
   <button
     on:click={() => {
       addMessage("warn" + $messages.length, MessageType.warning);
@@ -65,6 +75,8 @@
 
       > li {
         padding: 1em 0.4em;
+        overflow-wrap: break-word;
+
         &.odd {
           background-color: var(--color-med);
         }