feat: improve visual styling of download-data component

This commit is contained in:
Matthias 2024-11-23 13:02:59 +01:00
parent ee0e55fd4a
commit 576523101e

View File

@ -77,11 +77,11 @@ async function startDownload() {
<!-- Pairs section - keeping template buttons next to input --> <!-- Pairs section - keeping template buttons next to input -->
<div class="flex-fill"> <div class="flex-fill">
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
<div class="d-flex justify-content-between px-3"> <div class="d-flex justify-content-between">
<h4 class="text-start">Select Pairs</h4> <h4 class="text-start">Select Pairs</h4>
<h5 class="text-start">Pairs from template</h5> <h5 class="text-start">Pairs from template</h5>
</div> </div>
<div class="d-flex gap-2 px-3"> <div class="d-flex gap-2">
<BaseStringList <BaseStringList
v-model="pairs" v-model="pairs"
placeholder="Pair" placeholder="Pair"
@ -115,7 +115,7 @@ async function startDownload() {
</div> </div>
<!-- Time selection section --> <!-- Time selection section -->
<div class="px-3"> <div class="px-3 border border p-2 rounded-1">
<div class="d-flex flex-column gap-2"> <div class="d-flex flex-column gap-2">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center">
<h4 class="text-start mb-0">Time Selection</h4> <h4 class="text-start mb-0">Time Selection</h4>
@ -141,7 +141,7 @@ async function startDownload() {
</div> </div>
<!-- Advanced options section --> <!-- Advanced options section -->
<div class="mb-2 border rounded-1 p-2 text-start mx-3"> <div class="mb-2 border rounded-1 p-2 text-start">
<BButton <BButton
v-b-toggle.advanced-options v-b-toggle.advanced-options
class="mb-2" class="mb-2"