From 14cdc061c6be0cc65aaeab1ac2e075cab02a9fde Mon Sep 17 00:00:00 2001
From: Jonas Rittershofer <jotoeri@users.noreply.github.com>
Date: Thu, 7 May 2020 09:55:00 +0200
Subject: [PATCH] Fix export-button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jonas Rittershofer <jotoeri@users.noreply.github.com>
Co-authored-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 src/views/Results.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/views/Results.vue b/src/views/Results.vue
index b1efe60..bed450e 100644
--- a/src/views/Results.vue
+++ b/src/views/Results.vue
@@ -39,8 +39,8 @@
 
 		<header v-if="!noSubmissions">
 			<h2>{{ t('forms', 'Responses for {title}', { title: form.title }) }}</h2>
-			<div>
-				<button id="exportButton" @click="download">
+			<div class="response_actions">
+				<button class="response_actions__export" @click="download">
 					<span class="icon-download" role="img" />
 					{{ t('forms', 'Export to CSV') }}
 				</button>
@@ -234,9 +234,13 @@ h2 {
 	white-space: nowrap;
 }
 
-#exportButton {
-	width: max-content;
-	padding: 13px 16px;
-	margin-left: 16px;
+.response_actions {
+	display: flex;
+	align-items: center;
+
+	&__export {
+		width: max-content;
+		margin-left: 16px;
+	}
 }
 </style>