From e4520d86c3cf5864d7ac18d64a5244d4b1205bb6 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Tue, 26 Dec 2017 14:55:37 +0100
Subject: [PATCH] Fix file preview content not breaking

---
 app/styles/_layout.scss                  | 3 ++-
 app/styles/components/_file-preview.scss | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/styles/_layout.scss b/app/styles/_layout.scss
index 0306342..ba9dc3f 100644
--- a/app/styles/_layout.scss
+++ b/app/styles/_layout.scss
@@ -82,11 +82,12 @@
     padding: 1.5rem 1px;
 
     &.content {
-      // foo
+      overflow: hidden;
     }
 
     &.meta {
       grid-column-start: 3;
+      overflow: hidden;
 
       dl {
         margin: 0;
diff --git a/app/styles/components/_file-preview.scss b/app/styles/components/_file-preview.scss
index 781b86f..15df465 100644
--- a/app/styles/components/_file-preview.scss
+++ b/app/styles/components/_file-preview.scss
@@ -1,8 +1,10 @@
 .file-preview {
 
   code {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
     word-break: break-all;
-    line-height: 1.5rem;
+    hyphens: none;
   }
 
   img {