#2016 Code block isn't looking nice

modules/boonex/froala/template/css/editor.css

@@ -1,3 +1,14 @@
 .fr-popup {
     z-index:1100 !important;
 }
+
+.fr-view pre {
+    /* NOTE: this style was copied to editor.css */
+    padding: 5px;
+    border: 1px solid green;
+    background-color: white;
+    color: #009900;
+    display: block;
+    margin: 0;
+    overflow-x: auto;
+}

template/css/common.css

@@ -37,6 +37,18 @@ blockquote {
     padding-left: 10px;
 }
 
+.bx-content-description pre,
+.cmt-body pre {
+    /* NOTE: this style was copied to editor.css */
+    padding: 5px;
+    border: 1px solid green;
+    background-color: white;
+    color: #009900;
+    display: block;
+    margin: 0;
+    overflow-x: auto;
+}
+
 .bx-main {
 	position: relative;
 	display: -webkit-flex;

template/css/editor.less

@@ -22,6 +22,17 @@ blockquote {
     padding-left: 10px;
 }
 
+pre {
+    /* NOTE: copied from common.css */
+    padding: 5px;
+    border: 1px solid green;
+    background-color: white;
+    color: #009900;
+    display: block;
+    margin: 0;
+    overflow-x: auto;
+}
+
 .bx-hide-in-htmleditor {
     display:none;
-}
+}