From 25bdcb37e6631ebbc53845a33fedd4836cdc3bb8 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Fri, 2 Oct 2020 17:57:04 -0400
Subject: [PATCH] Fix editing raw value for object fields

---
 app/src/components/v-form/form-field.vue | 10 +++++++++-
 app/src/styles/_base.scss                |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/src/components/v-form/form-field.vue b/app/src/components/v-form/form-field.vue
index 56ec87d251..5496e464dd 100644
--- a/app/src/components/v-form/form-field.vue
+++ b/app/src/components/v-form/form-field.vue
@@ -135,7 +135,15 @@ export default defineComponent({
 
 			const rawValue = computed({
 				get() {
-					return _value.value;
+					switch (type.value) {
+						case 'object':
+							return JSON.stringify(_value.value, null, '\t');
+						case 'string':
+						case 'number':
+						case 'boolean':
+						default:
+							return _value.value;
+					}
 				},
 				set(newRawValue: string) {
 					switch (type.value) {
diff --git a/app/src/styles/_base.scss b/app/src/styles/_base.scss
index 42dfcaf220..2a97eef363 100644
--- a/app/src/styles/_base.scss
+++ b/app/src/styles/_base.scss
@@ -6,6 +6,7 @@
 	font-size: inherit;
 	font-family: inherit;
 	line-height: inherit;
+	tab-size: 2;
 	user-select: none;
 }
 
@@ -120,9 +121,9 @@ dd {
 }
 
 dt {
+	flex-shrink: 0;
 	margin-right: 8px;
 	font-weight: 600;
-	flex-shrink: 0;
 }
 
 dd {