From 9f410af53884ff4a90a7740356183e686f139a04 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Mon, 14 Oct 2019 11:00:52 +0200
Subject: [PATCH] CSS: Improve code styling when using pygments.

---
 assets/sass/_zen.scss | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index dc3eb0e..b3e5dcf 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -121,9 +121,14 @@ article {
     }
   }
 
+  .content-dates {
+    color: $text-meta;
+    text-align: right;
+  }
+
   code {
     @include type-layout(xs, 1);
-    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     @include respond-to(xxl) {
       @include type-layout(xs-2, 1);
@@ -140,8 +145,17 @@ article {
     max-height: 300px;
     max-width: 90vw;
 
+    &.chroma {
+      max-height: initial;
+      overflow-x: scroll;
+    }
+
     @include respond-to(s) {
       max-width: 600px;
+
+      &.chroma {
+        max-width: initial;
+      }
     }
 
     & > code {
@@ -150,9 +164,8 @@ article {
     }
   }
 
-  .content-dates {
-    color: $text-meta;
-    text-align: right;
+  .js-clipboard-button {
+    display: block;
   }
 }
 
@@ -280,10 +293,6 @@ figure {
       background-color: $error-bg;
     }
   }
-
-  button {
-    display: block;
-  }
 }
 
 .js-submitted {