CreateApplication style - mobile

Increasing stepsize to 10 (better for 270 chars).
Fixing margin and font size, looked awefull on mobile devices.

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="270" steps="5"/>
+		<SimpleProgressBar class="progbar" :count="len" max="270" steps="10"/>
 	</div>
 </template>
 

src/views/CreateApplication.vue

@@ -4,7 +4,7 @@
 		<div v-if="user">
 			<span>{{ instruction }}</span>
 			<div class="question_block" v-for="(element, index) in pattern" :key="index">
-				<span class="question">{{ element.text }}</span>
+				<h3 class="question">- {{ element.text }}</h3>
 				<span v-if="element.optional"> (Optional)</span>
 				<br>
 				<ApplicationInputSwitch class="textfield" :highlight="highlight" :type="element.type"></ApplicationInputSwitch>
@@ -51,14 +51,15 @@
 
 <style scoped>
 	.question_block {
-		margin: 1em;
+		margin: 0.5em 0em;
 	}
 
 	.question {
-		font-weight: bold;
+		display: inline;
+		color: #ccc;
 	}
 
 	.hint {
-		font-size: 0.7em;
+		font-size: 0.8em;
 	}
 </style>