From 0e24bffe22c86313d762634ac8eaddf9f7191f53 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Mon, 6 May 2019 17:42:22 +0200
Subject: [PATCH] fix: Make code blocks look more conventional

---
 client/src/components/layouts/night.css          |  4 ++--
 .../components/challenge-description.css         | 16 ++++++----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/client/src/components/layouts/night.css b/client/src/components/layouts/night.css
index 119a227763..baef468a1f 100644
--- a/client/src/components/layouts/night.css
+++ b/client/src/components/layouts/night.css
@@ -44,8 +44,8 @@
 
 .night .challenge-instructions pre,
 .night .challenge-instructions pre code {
-  color: #c7254e;
-  background: #222;
+  background-color: #242424;
+  color: #02a902;
 }
 
 .night code {
diff --git a/client/src/templates/Challenges/components/challenge-description.css b/client/src/templates/Challenges/components/challenge-description.css
index 6e9326a1ef..59e257ab1d 100644
--- a/client/src/templates/Challenges/components/challenge-description.css
+++ b/client/src/templates/Challenges/components/challenge-description.css
@@ -2,7 +2,8 @@
   font-size: 16px;
 }
 
- .challenge-instructions blockquote, .challenge-instructions pre {
+ .challenge-instructions blockquote,
+ .challenge-instructions pre {
   background-color: #eee;
   color: #c7254e;
   padding: 10px 10px 10px 15px;
@@ -11,17 +12,12 @@
   margin-bottom: 1.45rem;
   font-family: monospace;
   font-size: 16px;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: break-word;
-  border: unset;
+  border: none;
 }
 
 .challenge-instructions pre code {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  line-height: 1.42857143;
-  text-shadow: initial;
-  font-family: monospace;
+  line-height: 1.42;
+  text-shadow: none;
+  font-family: 'SFMono-Regular', Consolas, 'Roboto Mono', 'Droid Sans Mono', 'Liberation Mono', Menlo, Courier, monospace;
   color: #c7254e;
 }