Improve usability

src/client/app/common/views/components/api-settings.vue

@@ -24,7 +24,7 @@
 			<template v-if="sending">%i18n:@console.sending%</template>
 			<template v-else>%fa:paper-plane% %i18n:@console.send%</template>
 		</ui-button>
-		<ui-textarea v-if="res" v-model="res" readonly>
+		<ui-textarea v-if="res" v-model="res" readonly tall>
 			<span>%i18n:@console.response%</span>
 		</ui-textarea>
 	</section>

src/client/app/common/views/components/ui/textarea.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="ui-textarea" :class="{ focused, filled }">
+<div class="ui-textarea" :class="{ focused, filled, tall }">
 	<div class="input">
 		<span class="label" ref="label"><slot></slot></span>
 		<textarea ref="input"
@@ -41,7 +41,12 @@ export default Vue.extend({
 		autocomplete: {
 			type: String,
 			required: false
-		}
+		},
+		tall: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
 	},
 	data() {
 		return {
@@ -160,6 +165,11 @@ root(fill)
 				left 0 !important
 				transform scale(0.75)
 
+	&.tall
+		> .input
+			> textarea
+				min-height 200px
+
 .ui-textarea.fill
 	root(true)