From 9bb67c1d005adead8ba308cc10b7c5a164eac8cb Mon Sep 17 00:00:00 2001
From: Aref Shafaei <aref.shafaei@gmail.com>
Date: Tue, 10 Oct 2023 18:07:34 -0700
Subject: [PATCH] fix the alignment of filter chiclets

the latest button changes caused issues in the alignment. also
the text ellipsis was broken.
---
 src/assets/scss/_recordset.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/assets/scss/_recordset.scss b/src/assets/scss/_recordset.scss
index 0f400ac2e..5f34f5231 100644
--- a/src/assets/scss/_recordset.scss
+++ b/src/assets/scss/_recordset.scss
@@ -50,6 +50,15 @@
             margin-right: 5px;
             margin-bottom: 5px;
 
+            /**
+             * override the default behavior of button and button group
+             * without these the buttons would become misaligned and ellipsis logic won't work
+             */
+            align-items: unset;
+            .chaise-btn {
+              display: inline-block;
+            }
+
             .chaise-btn:focus {
               background-color: map-get(variables.$color-map, 'white');
             }