Fixes the expansion panel layout

client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.html

@@ -1,4 +1,4 @@
-<div class="filter-menu">
+<div class="filter-menu-content-wrapper">
     <mat-accordion (keyup)="checkKeyEvent($event)">
         <mat-expansion-panel *ngFor="let filter of service.filterDefinitions">
             <mat-expansion-panel-header *ngIf="filter.options && filter.options.length">

client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.scss

@@ -1,38 +1,32 @@
-div.indent {
-    margin-left: 24px;
-}
-
-mat-divider {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.filter-menu {
+.filter-menu-content-wrapper {
     overflow-y: scroll;
     height: 100%;
-}
 
-.mat-expansion-panel {
+    div.indent {
+        margin-left: 24px;
+    }
+
+    .mat-expansion-panel {
         width: 400px;
         max-width: 95vw;
-}
+    }
 
-.filter-count {
+    .filter-count {
         margin-left: 10px;
-}
+    }
 
-.filter-subtitle {
+    .filter-subtitle {
         margin-top: 5px;
         margin-bottom: 5px;
         opacity: 0.9;
         font-style: italic;
-}
+    }
 
-.filter-child {
+    .filter-child {
         margin-left: 20px;
-}
+    }
 
-mat-checkbox {
+    mat-checkbox {
         // adds breaks to mat-checkboxes with long labels
         .mat-checkbox-layout {
             white-space: normal;
@@ -42,4 +36,5 @@ mat-checkbox {
         .mat-checkbox-inner-container {
             margin-top: 3px;
         }
+    }
 }