Override default font-family for code blocks to fix #78

diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index be72d0605150cf0c235f5e473fd4d38868d4e593..344f03fcfd4110ac1401d72657e17a368fd15890 100644 (file)
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -156,6 +156,14 @@
 .toastui-editor-defaultUI .ProseMirror {
   @include note-padding;
 }
+
+// Override the default font-family for code blocks as some of the fallbacks are not monospace
+.toastui-editor-contents code,
+.toastui-editor-contents pre,
+.toastui-editor-md-code,
+.toastui-editor-md-code-block {
+  font-family: Consolas, "Lucida Console", Monaco, "Andale Mono", monospace;
+}
 </style>
 
 <script>