Remove card around filter editor

src-ui/src/app/components/document-list/document-list.component.html

@@ -62,11 +62,9 @@
 
 </app-page-header>
 
-<div class="card w-100 mb-3">
-  <div class="card-body">
+<div class="w-100 mb-4">
   <app-filter-editor [(filterEditorService)]="filterEditorService" (apply)="applyFilterRules()" (clear)="clearFilterRules()" #filterEditor></app-filter-editor>
 </div>
-</div>
 
 <div class="d-flex justify-content-between align-items-center">
   <p>{{list.collectionSize || 0}} document(s) <span *ngIf="isFiltered">(filtered)</span></p>

src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html

@@ -1,10 +1,10 @@
   <div class="btn-group" ngbDropdown role="group" (openChange)="dropdownOpenChange($event)">
   <button class="btn btn-outline-primary btn-sm" id="dropdown{{title}}" ngbDropdownToggle>
-      <div class="badge bg-primary text-light rounded-pill ml-auto">
     <ng-container *ngIf="itemsSelected?.length > 0">
+      <div class="badge bg-secondary text-light rounded-pill ml-auto">
         {{itemsSelected?.length}}
-      </ng-container>
       </div>
+    </ng-container>
     {{title}}
   </button>
   <div class="dropdown-menu py-0 shadow" ngbDropdownMenu attr.aria-labelledby="dropdown{{title}}">