From f52d01d6f7452fe2a3cb379baafe28dad7a2246f Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Tue, 2 Aug 2022 22:22:22 +0100
Subject: [PATCH] Properly wrap message elements

---
 core/templates/base.html                 | 38 +++++-------------------
 core/templates/ui/drilldown/results.html |  2 +-
 2 files changed, 8 insertions(+), 32 deletions(-)
diff --git a/core/templates/base.html b/core/templates/base.html
index f3168c2..c5b6426 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -38,37 +38,13 @@
     </script>
     <style>
       .icon { border-bottom: 0px !important;}
-
-.navbar-item.is-hoverable:hover .navbar-dropdown .navbar-dropdown {
-  display: none;
-}
-
-.navbar-dropdown .navbar-item.is-hoverable:hover > .navbar-dropdown {
-  display: block;
-}
-.navbar-dropdown .navbar-item .navbar-dropdown {
-  top: -10px;
-  margin-left: 100%;
-  box-shadow: 0 16px 8px -8px rgba(10,10,10,.1), 8px 0 8px -8px rgba(10,10,10,.1);
-}
-
-.navbar-dropdown .navbar-item.has-dropdown {
-  padding: 0;
-}
-
-.navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
-  width: 100%;
-  padding: .375rem 1rem;
-  background-color: #fff;
-}
-
-.navbar-dropdown .navbar-item.has-dropdown:hover > .navbar-link {
-  background-color: #f5f5f5;
-}
-
-.navbar-dropdown .navbar-item.has-dropdown > .navbar-link:not(.is-arrowless) {
-  padding-right: 2.5em;
-}
+      .wrap {
+        white-space: pre-wrap;      /* CSS3 */
+        white-space: -moz-pre-wrap; /* Firefox */
+        white-space: -pre-wrap;     /* Opera <7 */
+        white-space: -o-pre-wrap;   /* Opera 7 */
+        word-wrap: break-word;      /* IE */
+      }
     </style>
   </head>
   <body>
diff --git a/core/templates/ui/drilldown/results.html b/core/templates/ui/drilldown/results.html
index fe4258c..eb1fc27 100644
--- a/core/templates/ui/drilldown/results.html
+++ b/core/templates/ui/drilldown/results.html
@@ -89,7 +89,7 @@
                 <p>{{ item.date }}</p>
                 <p>{{ item.time }}</p>
               </td>
-              <td style="max-width: 10em">{{ item.msg }}</td>
+              <td style="max-width: 10em" class="wrap">{{ item.msg }}</td>
               <td>{{ item.host }}</td>
               <td>
                 {% if item.online is True %}
