From 93be009b74b0d1afe4197e9ad159ebfa9d684da7 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 13 Jun 2023 17:09:24 +0000
Subject: [PATCH] better config/results scroll

---
 src/components/ftbot/PairlistConfigurator.vue | 23 ++++++++++++-------
 src/components/general/CopyableTextfield.vue  |  2 +-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index f368c805..d1e3f54e 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex px-3 gap-3 flex-column flex-lg-row">
+  <div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-row">
     <b-list-group ref="availablePairlistsEl" class="available-pairlists">
       <b-list-group-item
         v-for="pairlist in availablePairlists"
@@ -66,19 +66,26 @@
         />
       </div>
     </div>
-    <div class="col-12 col-lg-3">
+    <div class="d-flex flex-column col-12 col-lg-3">
       <b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons>
         <b-form-radio button value="Config"> Config</b-form-radio>
         <b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0">
           Results</b-form-radio
         >
       </b-form-radio-group>
-      <CopyableTextfield
-        v-if="selectedView === 'Config'"
-        :content="pairlistStore.configJSON"
-        :is-valid="pairlistStore.pairlistValid"
-      />
-      <CopyableTextfield v-if="selectedView === 'Results'" :content="pairlistStore.whitelist" />
+      <div class="position-relative flex-fill overflow-auto">
+        <CopyableTextfield
+          v-if="selectedView === 'Config'"
+          class="position-absolute w-100"
+          :content="pairlistStore.configJSON"
+          :is-valid="pairlistStore.pairlistValid"
+        />
+        <CopyableTextfield
+          v-if="selectedView === 'Results'"
+          class="position-absolute w-100"
+          :content="pairlistStore.whitelist"
+        />
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/general/CopyableTextfield.vue b/src/components/general/CopyableTextfield.vue
index 83819171..2b535a0c 100644
--- a/src/components/general/CopyableTextfield.vue
+++ b/src/components/general/CopyableTextfield.vue
@@ -6,7 +6,7 @@
       class="copy-button position-absolute end-0 mt-1 me-2"
       @click="copy(content)"
     />
-    <pre class="text-start border p-1"><code>{{ content }}</code></pre>
+    <pre class="text-start border p-1 mb-0"><code>{{ content }}</code></pre>
   </div>
 </template>