From fc17ea522598b6e77ec0add97ef957aeafa6fd97 Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Thu, 28 Feb 2019 13:58:59 +0000
Subject: [PATCH] Standardize style of PRE & CODE blocks

For Markdown, styling was not consistent between inline blocks and full code blocks.

Fixes #203
---
 .../styles/core/view/document/wysiwyg.scss    | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/gui/app/styles/core/view/document/wysiwyg.scss b/gui/app/styles/core/view/document/wysiwyg.scss
index d040e391..c71f11a0 100644
--- a/gui/app/styles/core/view/document/wysiwyg.scss
+++ b/gui/app/styles/core/view/document/wysiwyg.scss
@@ -62,11 +62,30 @@
 	h5 { font-size: 1.3rem; }
 	h6 { font-size: 1.1rem; }
 
-	pre {
-		background-color: map-get($gray-shades, 100);
-		padding: 10px;
-		border: 1px solid map-get($gray-shades, 300);
+	code {
+		font-size: 13px;
+		background-color: map-get($yellow-shades, 100);
+		padding: 2px 5px;
+		border: 1px solid map-get($yellow-shades, 300);
 		@include border-radius(3px);
+		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+	}
+
+	pre {
+		background-color: map-get($yellow-shades, 100);
+		padding: 10px;
+		border: 1px solid map-get($yellow-shades, 300);
+		@include border-radius(3px);
+		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+
+		> code {
+			background-color: transparent;
+			padding: 0;
+			border: none;
+			@include border-radius(0px);
+			font-size: 1rem;
+			font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+		}
 	}
 
 	.code-mirror {