diff --git a/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.html b/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.html index b0b42612d..94fbd6ea1 100644 --- a/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.html +++ b/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.html @@ -1,4 +1,4 @@ -
+
diff --git a/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.scss b/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.scss index 95b0e822f..20ae3764e 100644 --- a/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.scss +++ b/client/src/app/shared/components/sort-filter-bar/filter-menu/filter-menu.component.scss @@ -1,45 +1,40 @@ -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 { - width: 400px; - max-width: 95vw; -} - -.filter-count { - margin-left: 10px; -} - -.filter-subtitle { - margin-top: 5px; - margin-bottom: 5px; - opacity: 0.9; - font-style: italic; -} - -.filter-child { - margin-left: 20px; -} - -mat-checkbox { - // adds breaks to mat-checkboxes with long labels - .mat-checkbox-layout { - white-space: normal; + div.indent { + margin-left: 24px; } - // rather than center the checkbox, put the checkbox in the first line - .mat-checkbox-inner-container { - margin-top: 3px; + .mat-expansion-panel { + width: 400px; + max-width: 95vw; + } + + .filter-count { + margin-left: 10px; + } + + .filter-subtitle { + margin-top: 5px; + margin-bottom: 5px; + opacity: 0.9; + font-style: italic; + } + + .filter-child { + margin-left: 20px; + } + + mat-checkbox { + // adds breaks to mat-checkboxes with long labels + .mat-checkbox-layout { + white-space: normal; + } + + // rather than center the checkbox, put the checkbox in the first line + .mat-checkbox-inner-container { + margin-top: 3px; + } } }