From fe27a630c4abbac390d91cb86ab28ea1ada3a28e Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Sun, 24 May 2020 21:06:01 +0200
Subject: [PATCH] Use semantically correct h2 in Create view as well

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Create.vue | 36 +++++++++++++++++++++---------------
 src/views/Submit.vue |  2 +-
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/views/Create.vue b/src/views/Create.vue
index 5540794..e445d2f 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -44,20 +44,22 @@
 
 		<!-- Forms title & description-->
 		<header>
-			<label class="hidden-visually" for="form-title">{{ t('forms', 'Form title') }}</label>
-			<input
-				id="form-title"
-				ref="title"
-				v-model="form.title"
-				class="form-title"
-				:minlength="0"
-				:maxlength="maxStringLengths.formTitle"
-				:placeholder="t('forms', 'Form title')"
-				:required="true"
-				autofocus
-				type="text"
-				@click="selectIfUnchanged"
-				@keyup="onTitleChange">
+			<h2>
+				<label class="hidden-visually" for="form-title">{{ t('forms', 'Form title') }}</label>
+				<input
+					id="form-title"
+					ref="title"
+					v-model="form.title"
+					class="form-title"
+					:minlength="0"
+					:maxlength="maxStringLengths.formTitle"
+					:placeholder="t('forms', 'Form title')"
+					:required="true"
+					autofocus
+					type="text"
+					@click="selectIfUnchanged"
+					@keyup="onTitleChange">
+			</h2>
 			<label class="hidden-visually" for="form-desc">{{ t('forms', 'Description') }}</label>
 			<textarea
 				ref="description"
@@ -418,6 +420,10 @@ export default {
 		margin-top: 44px;
 		margin-bottom: 24px;
 
+		h2 {
+			margin-bottom: 0; // because the input field has enough padding
+		}
+
 		.form-title,
 		.form-desc {
 			width: 100%;
@@ -425,7 +431,7 @@ export default {
 			border: none;
 		}
 		.form-title {
-			font-size: 2em;
+			font-size: 28px;
 			font-weight: bold;
 			color: var(--color-main-text);
 			min-height: 36px;
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index f7ce322..659528b 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -209,7 +209,7 @@ export default {
 			border: none;
 		}
 		.form-title {
-			font-size: 2em;
+			font-size: 28px;
 			font-weight: bold;
 			color: var(--color-main-text);
 			min-height: 36px;