From 576523101e8d8b2c455c250c66dcdcbe05c6f3c4 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 23 Nov 2024 13:02:59 +0100
Subject: [PATCH] feat: improve visual styling of download-data component

---
 src/components/ftbot/DownloadDataMain.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/DownloadDataMain.vue b/src/components/ftbot/DownloadDataMain.vue
index 9695abaa..c6840b48 100644
--- a/src/components/ftbot/DownloadDataMain.vue
+++ b/src/components/ftbot/DownloadDataMain.vue
@@ -77,11 +77,11 @@ async function startDownload() {
             <!-- Pairs section - keeping template buttons next to input -->
             <div class="flex-fill">
               <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>
                   <h5 class="text-start">Pairs from template</h5>
                 </div>
-                <div class="d-flex gap-2 px-3">
+                <div class="d-flex gap-2">
                   <BaseStringList
                     v-model="pairs"
                     placeholder="Pair"
@@ -115,7 +115,7 @@ async function startDownload() {
           </div>
 
           <!-- 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 justify-content-between align-items-center">
                 <h4 class="text-start mb-0">Time Selection</h4>
@@ -141,7 +141,7 @@ async function startDownload() {
           </div>
 
           <!-- 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
               v-b-toggle.advanced-options
               class="mb-2"