From 98a348b091d51aa2cced48da6a518efbea47cb91 Mon Sep 17 00:00:00 2001
From: "SPRINX0\\prochazka" <jan.prochazka@sprinx.com>
Date: Thu, 10 Oct 2024 13:37:08 +0200
Subject: [PATCH] CSS

---
 .../src/modals/QueryParametersModal.svelte    | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/web/src/modals/QueryParametersModal.svelte b/packages/web/src/modals/QueryParametersModal.svelte
index ca28c090a..53447b493 100644
--- a/packages/web/src/modals/QueryParametersModal.svelte
+++ b/packages/web/src/modals/QueryParametersModal.svelte
@@ -28,17 +28,24 @@
   <ModalBase {...$$restProps}>
     <svelte:fragment slot="header">Edit query parameters</svelte:fragment>
 
-    {#each parameterNames as parameterName, index}
-      <FormTextField label={parameterName} name={parameterName} focused={index == 0} />
-    {/each}
-
-    <div>
-        String values must be 'quoted'. You can use valid SQL expressions.
+    <div class="params">
+      {#each parameterNames as parameterName, index}
+        <FormTextField label={parameterName} name={parameterName} focused={index == 0} />
+      {/each}
     </div>
 
+    <div>String values must be 'quoted'. You can use valid SQL expressions.</div>
+
     <svelte:fragment slot="footer">
       <FormSubmit value="Run query" on:click={handleSubmit} />
       <FormStyledButton value="Close" on:click={handleClose} />
     </svelte:fragment>
   </ModalBase>
 </FormProvider>
+
+<style>
+  .params {
+    overflow-y: auto;
+    max-height: 60vh;
+  }
+</style>