From 1a089ad23c84154830ef434b89b6e0dd231edc9e Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 8 Nov 2019 11:38:48 -0500
Subject: [PATCH] UX: Prevent topic content from overflowing horizontally

---
 assets/stylesheets/common/knowledge-explorer.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/common/knowledge-explorer.scss b/assets/stylesheets/common/knowledge-explorer.scss
index a0ae157..7f53a78 100644
--- a/assets/stylesheets/common/knowledge-explorer.scss
+++ b/assets/stylesheets/common/knowledge-explorer.scss
@@ -146,10 +146,19 @@
       }
     }
     .topic-content {
+      padding-top: 10px;
       h1 {
         line-height: $line-height-medium;
       }
-      padding-top: 10px;
+      .lightbox-wrapper img {
+        max-width: 100%;
+      }
+      code,
+      pre {
+        // Prevent pre from being wider than viewport
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
     }
   }
 }