wc: Fix spacing between filters items #TASK-7216 #TASK-7100

opencb · Nov 29, 2024 · 3e36072 · 3e36072
1 parent a869c63
commit 3e36072
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/webcomponents/commons/forms/section-filter.js b/src/webcomponents/commons/forms/section-filter.js
@@ -56,7 +56,7 @@ export default class SectionFilter extends LitElement {
                         <span class="fw-bold fs-5">${this.config.title}</span>
                     </div>
                     <div class="collapse ${this.config.collapsed ? "" : "show"}" id="${this._prefix || ""}">
-                        <div class="card-body">
+                        <div class="card-body d-flex flex-column gap-3">
                             ${this.filters?.map(filter => html`${filter}`)}
                         </div>
                     </div>

diff --git a/src/webcomponents/variant/variant-browser-filter.js b/src/webcomponents/variant/variant-browser-filter.js
@@ -648,7 +648,7 @@ export default class VariantBrowserFilter extends LitElement {
         // We need to avoid rendering empty filters.
         if (content !== "") {
             return html`
-                <div class="mb-4">
+                <div class="">
                     ${subsection.title ? html`
                         <label class="form-label fw-bold d-flex justify-content-between align-items-center" id="${this._prefix}${subsection.id}" data-cy="${subsection.id}">
                             ${this._getFilterField(subsection.title)}