From 410ed9571ef241196e485d91a2ef6d7c956d93c4 Mon Sep 17 00:00:00 2001
From: maurofmferrao <maurofmferrao@gmail.com>
Date: Tue, 23 Apr 2024 12:04:49 +0100
Subject: [PATCH] Toolbar levels: Adjust form controls width accordingly
 relates to xibosignageltd/xibo-private#688

---
 ui/src/style/toolbar.scss | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/ui/src/style/toolbar.scss b/ui/src/style/toolbar.scss
index c9065db7fb..6cd26c77f4 100644
--- a/ui/src/style/toolbar.scss
+++ b/ui/src/style/toolbar.scss
@@ -1090,9 +1090,8 @@
                     width: 100% !important;
                 }
 
-
                 /* Filter form */
-                form.media-search-form, form.layout_tempates-search-form {
+                form.toolbar-search-form {
                     .form-group {
                         width: 100%;
                     }
@@ -1109,6 +1108,18 @@
                 .toolbar-card:not(tr), .toolbar-card-sizer {
                     width: calc(calc(100%/2) - 3px) !important;
                 }
+
+                /* Filter form */
+                form.toolbar-search-form {
+                    display: flex;
+                    gap: 6px;
+                    flex-wrap: wrap;
+
+                    .form-group {
+                        flex: 1 1 calc(50% - 3px);
+                        min-width: calc(50% - 3px);
+                    }
+                }
             }
         }
 
@@ -1121,6 +1132,18 @@
                 .toolbar-card:not(tr), .toolbar-card-sizer {
                     width: calc(calc(100%/3) - 4px) !important;
                 }
+
+                /* Filter form */
+                form.toolbar-search-form {
+                    display: flex;
+                    gap: 6px;
+                    flex-wrap: wrap;
+
+                    .form-group {
+                        flex: 1 1 calc(50% - 3px);
+                        min-width: calc(50% - 3px);
+                    }
+                }
             }
         }
 
@@ -1133,6 +1156,18 @@
                 .toolbar-card:not(tr), .toolbar-card-sizer {
                     width: calc(calc(100%/4) - 4.5px) !important;
                 }
+
+                /* Filter form */
+                form.toolbar-search-form {
+                    display: flex;
+                    gap: 6px;
+                    flex-wrap: wrap;
+
+                    .form-group {
+                        flex: 1 1 calc(25% - 4.5px);
+                        min-width: calc(25% - 4.5px);
+                    }
+                }
             }
         }
     }