Fix export-button

Signed-off-by: Jonas Rittershofer <jotoeri@users.noreply.github.com>
Co-authored-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
Jonas Rittershofer 2020-05-07 09:55:00 +02:00
parent 649a4380c9
commit 14cdc061c6

View file

@ -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>