From d4e2d51ede6cfe610c03483ab3f7260453efec5c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 23 Apr 2020 15:06:04 +0200
Subject: [PATCH] Fix results heading design

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Results.vue | 46 +++++++++++++++++++++----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/views/Results.vue b/src/views/Results.vue
index 2941f87..ab4666e 100644
--- a/src/views/Results.vue
+++ b/src/views/Results.vue
@@ -24,31 +24,31 @@
 
 <template>
 	<AppContent>
-		<div>
+		<div class="section">
+			<h2>{{ t('forms', 'Results of {title}', { title: form.title }) }}</h2>
 			<button class="button btn primary" @click="download">
-				<span>{{ "Export to CSV" }}</span>
+				{{ t('forms', 'Export to CSV') }}
 			</button>
-		</div>
-		<h1>{{ "Statistics" }}</h1>
-		<div v-for="sum in stats" :key="sum">
-			{{ sum }}
-		</div>
-		<div id="app-content" :class="{'icon-loading': loading}">
-			<transition-group
-				name="list"
-				tag="div"
-				class="table">
-				<ResultItem
-					key="0"
-					:header="true" />
-				<li
-					is="resultItem"
-					v-for="(answer, index) in answers"
-					:key="answer.id"
-					:answer="answer"
-					@viewResults="viewFormResults(index, form.form, 'results')" />
-			</transition-group>
-			<modal-dialog />
+			<div v-for="sum in stats" :key="sum">
+				{{ sum }}
+			</div>
+			<div id="app-content" :class="{'icon-loading': loading}">
+				<transition-group
+					name="list"
+					tag="div"
+					class="table">
+					<ResultItem
+						key="0"
+						:header="true" />
+					<li
+						is="resultItem"
+						v-for="(answer, index) in answers"
+						:key="answer.id"
+						:answer="answer"
+						@viewResults="viewFormResults(index, form.form, 'results')" />
+				</transition-group>
+				<modal-dialog />
+			</div>
 		</div>
 	</AppContent>
 </template>