App input text field default height

src/components/inputtypes/LimitedTextField.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="width">
 		<textarea v-bind:class="{ textarea: true, not_enough: highlight && !isEnough, enough: highlight && isEnough }" type="text" v-model="inputText" />
-		<SimpleProgressBar class="progbar" :count="len" max="50" steps="5"/>
+		<SimpleProgressBar class="progbar" :count="len" max="270" steps="5"/>
 	</div>
 </template>
 
@@ -21,7 +21,7 @@
 
 		computed: {
 			isEnough() {
-				return this.inputText.length >= 50
+				return this.inputText.length >= 270
 			},
 			len() {
 				return this.inputText.length
@@ -37,10 +37,11 @@
 <style scoped>
 	.textarea {
 		width: 100%;
-		height: 1.2em;
 		min-height: 1.2em;
 		resize: vertical;
 		margin: auto;
+
+		height: 5em;
 		
 		color: #fff;
 		border: 1px solid #aaa;

src/components/inputtypes/TextField.vue

@@ -7,7 +7,6 @@
 <style scoped>
 	.textarea {
 		width: 100%;
-		height: 1.2em;
 		min-height: 1.2em;
 		resize: vertical;
 		margin: auto;
@@ -15,6 +14,8 @@
 		color: #fff;
 		border: 1px solid #aaa;
 		background-color: #222;
+
+		height: 4em;
 	}
 
 	.width {