From 6e8aeff437fcb58c6dfe9b9778a4a808f21a6698 Mon Sep 17 00:00:00 2001
From: Canapin <canapin@gmail.com>
Date: Thu, 25 May 2023 22:59:59 +0200
Subject: [PATCH] UX: fix parameters inputs spacing (#245)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* UX: fix parameters inputs spacing

* trying to fix the linting errror 😬
---
 assets/stylesheets/explorer.scss | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/assets/stylesheets/explorer.scss b/assets/stylesheets/explorer.scss
index 96897a8..0a379c3 100644
--- a/assets/stylesheets/explorer.scss
+++ b/assets/stylesheets/explorer.scss
@@ -241,6 +241,9 @@ table.group-reports {
 
 .query-params {
   border: 1px solid var(--header_primary-medium);
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
   .param > input,
   .param > .select-kit {
     margin: 9px;
@@ -252,9 +255,9 @@ table.group-reports {
     background-color: var(--danger-low);
   }
   .param {
-    width: 300px;
-    display: inline-block;
-    overflow-x: visible;
+    display: flex;
+    align-items: center;
+    flex: 0;
     .ac-wrap {
       display: inline-block;
       input {
@@ -263,12 +266,12 @@ table.group-reports {
     }
     input,
     .select-kit {
-      width: 190px;
+      width: auto;
+      max-width: 250px;
     }
   }
   .param-name {
-    display: inline-block;
-    width: 70px;
+    margin-right: 1em;
   }
 }