From 1a4e96d0742c5821b6270bc5a5207d4dc3d9967b Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
Date: Sun, 26 Jan 2020 17:27:04 -0500
Subject: [PATCH] fix: use monospaced font for code injection textareas

---
 client/components/admin/admin-theme.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/components/admin/admin-theme.vue b/client/components/admin/admin-theme.vue
index 67a4c27e..e2f379ec 100644
--- a/client/components/admin/admin-theme.vue
+++ b/client/components/admin/admin-theme.vue
@@ -100,7 +100,7 @@
                 v-toolbar(color='primary', dark, dense, flat)
                   v-toolbar-title.subtitle-1 {{$t(`admin:theme.codeInjection`)}}
                 v-card-text
-                  v-textarea(
+                  v-textarea.is-monospaced(
                     v-model='config.injectCSS'
                     :label='$t(`admin:theme.cssOverride`)'
                     outlined
@@ -112,7 +112,7 @@
                   i18next.caption.pl-2.ml-1(path='admin:theme.cssOverrideWarning', tag='div')
                     strong.red--text(place='caution') {{$t('admin:theme.cssOverrideWarningCaution')}}
                     code(place='cssClass') .contents
-                  v-textarea.mt-3(
+                  v-textarea.is-monospaced.mt-3(
                     v-model='config.injectHead'
                     :label='$t(`admin:theme.headHtmlInjection`)'
                     outlined
@@ -121,7 +121,7 @@
                     :hint='$t(`admin:theme.headHtmlInjectionHint`)'
                     auto-grow
                     )
-                  v-textarea.mt-2(
+                  v-textarea.is-monospaced.mt-2(
                     v-model='config.injectBody'
                     :label='$t(`admin:theme.bodyHtmlInjection`)'
                     outlined
@@ -246,5 +246,10 @@ export default {
 </script>
 
 <style lang='scss'>
-
+.v-textarea.is-monospaced textarea {
+  font-family: 'Roboto Mono';
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.4;
+}
 </style>