From 9a5ccf16025355371daa9a9a6435e3a9a8260773 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Thu, 12 Mar 2020 00:49:40 +0100
Subject: [PATCH] JsonEditor uses monospace

---
 src/common/components/JsonEditor/JsonArray.vue | 2 +-
 src/common/components/JsonEditor/json.scss     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/common/components/JsonEditor/JsonArray.vue b/src/common/components/JsonEditor/JsonArray.vue
index d751b99..0380207 100644
--- a/src/common/components/JsonEditor/JsonArray.vue
+++ b/src/common/components/JsonEditor/JsonArray.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-column">
+  <div class="flex flex-column json-level-indent">
     <div class="flex flex-row" @click="expanded_internal = !expanded_internal">
       <div v-if="value_internal.key" class="item-key">
         "{{value_internal.key}}" <b>:</b> 
diff --git a/src/common/components/JsonEditor/json.scss b/src/common/components/JsonEditor/json.scss
index 8492023..216e47b 100644
--- a/src/common/components/JsonEditor/json.scss
+++ b/src/common/components/JsonEditor/json.scss
@@ -1,5 +1,6 @@
 .json-level-indent {
   padding-left: 2em !important;
+  font-family: 'Overpass Mono', monospace;
 }
 .item-key {
   color: rgb(255, 196, 148);