Improve layout for "download results" modal

This commit is contained in:
Lance Edgar 2020-08-22 16:11:29 -05:00
parent 922cbe4451
commit 5af26a57f6

View file

@ -184,9 +184,9 @@
the end result (file size) may be larger with CSV.
</b-notification>
<div style="display: flex;">
<div style="display: flex; justify-content: space-between">
<div style="flex-grow: 1;">
<div>
<b-field horizontal label="Format">
<b-select v-model="downloadResultsFormat">
% for key, label in six.iteritems(master.download_results_supported_formats()):
@ -197,6 +197,7 @@
</div>
<div>
<div v-show="downloadResultsFieldsMode != 'choose'"
class="has-text-right">
<p v-if="downloadResultsFieldsMode == 'default'">
@ -205,9 +206,10 @@
<p v-if="downloadResultsFieldsMode == 'all'">
Will use ALL fields.
</p>
</div>
<br />
<div class="buttons">
</div>
<div class="buttons is-right">
<b-button type="is-primary"
v-show="downloadResultsFieldsMode != 'default'"
@click="downloadResultsUseDefaultFields()">
@ -224,10 +226,6 @@
Choose Fields
</b-button>
</div>
</div>
</div>
<br />
<div v-show="downloadResultsFieldsMode == 'choose'">
<div style="display: flex;">
@ -273,6 +271,8 @@
</div>
</div>
</div>
</div>
</div> <!-- card-content -->
<footer class="modal-card-foot">