#115 style fixes

src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue

@@ -216,6 +216,6 @@ table.sqliteviz-table {
 }
 
 .column-cell {
-  max-width: 0;
+  max-width: 150px;
 }
 </style>

src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue

@@ -25,6 +25,7 @@
         v-if="currentFormat === 'json' && formattedJson"
         :value="formattedJson"
         :options="cmOptions"
+        class="json-value"
       />
       <pre
         v-if="currentFormat === 'text'"
@@ -62,8 +63,8 @@ export default {
   data () {
     return {
       formats: [
-        { text: 'JSON', value: 'json' },
-        { text: 'Text', value: 'text' }
+        { text: 'Text', value: 'text' },
+        { text: 'JSON', value: 'json' }
       ],
       currentFormat: 'text',
       cmOptions: {
@@ -107,6 +108,7 @@ export default {
       }
     },
     cellValue () {
+      this.messages = []
       if (this.currentFormat === 'json') {
         this.formatJson(this.cellValue)
       }
@@ -154,17 +156,22 @@ export default {
   overflow: auto;
 }
 .text-value {
-  padding: 8px 8px;
+  padding: 0 8px;
+  margin: 0;
   color: var(--color-text-base);
 }
 
+.json-value {
+  margin-top: -4px;
+}
+
 .text-value.meta-value {
   font-style: italic;
   color: var(--color-text-light-2);
 }
 
 .messages {
-  margin: 8px;
+  margin: 0 8px;
 }
 
 .value-viewer-toolbar button {