improve feedback experience

frontend/src/components/FullScreenInput.vue

@@ -2,7 +2,8 @@
 	<div id="overlay" class="center-stuff">
 		<h1>{{text}}</h1>
 		<form @submit="submit">
-			<input v-model="val" class="chooserInput"/>
+			<input v-if="val.length < 20" v-model="val" class="chooserInput" v-focus/>
+			<textarea v-else v-model="val" class="chooserInput" cols="38" rows="15" v-focus/>
 		</form>
 		<p v-if="hintText">{{hintText}}</p>
 		<div class="center-stuff">

frontend/src/main.js

@@ -13,6 +13,12 @@ Vue.use(PrettyCheckbox)
 import VueClipboard from 'vue-clipboard2'
 Vue.use(VueClipboard)
 
+Vue.directive('focus', {
+	inserted: function (el) {
+			el.focus()
+	}
+})
+
 import VueI18n from 'vue-i18n'
 Vue.use(VueI18n)