Fix preformatted text not overflowing

DiscordChatExporter/Services/ExportService.cs

@@ -91,10 +91,10 @@ namespace DiscordChatExporter.Services
                 "<a href=\"$1\">$1</a>");
 
             // Preformatted multiline
-            content = Regex.Replace(content, "```([^`]*?)```", e => "<pre>" + e.Groups[1].Value + "</pre>");
+            content = Regex.Replace(content, "```([^`]*?)```", e => "<span class=\"pre\">" + e.Groups[1].Value + "</span>");
 
             // Preformatted
-            content = Regex.Replace(content, "`([^`]*?)`", e => "<pre>" + e.Groups[1].Value + "</pre>");
+            content = Regex.Replace(content, "`([^`]*?)`", e => "<span class=\"pre\">" + e.Groups[1].Value + "</span>");
 
             // Bold
             content = Regex.Replace(content, "\\*\\*([^\\*]*?)\\*\\*", "<b>$1</b>");

DiscordChatExporter/Services/ExportTemplate.html

@@ -18,21 +18,19 @@
         a:hover {
             text-decoration: underline;
         }
-        pre {
-            margin: 0;
+        span.pre {
             padding-left: 2px;
             padding-right: 2px;
             background-color: #f9f9f9;
             font-family: Consolas, Courier New, Courier, Monospace;
-            display: inline;
         }
         div#info {
-            width: 100%;
+            max-width: 100%;
             margin-bottom: 20px;
             color: #939799;
         }
         div#log {
-            width: 100%;            
+            max-width: 100%;            
         }
         div.msg {
             display: flex;