diff --git a/src/components/JournalView/JournalOptions.vue b/src/components/JournalView/JournalOptions.vue index 2d24771..75f307a 100644 --- a/src/components/JournalView/JournalOptions.vue +++ b/src/components/JournalView/JournalOptions.vue @@ -149,6 +149,7 @@ export default defineComponent({ &_filters { display: flex; + flex-wrap: wrap; margin: 0.5em 0 0 0; .journal-filter-option { @@ -222,6 +223,14 @@ export default defineComponent({ justify-content: center; } } + + &_filters { + justify-content: center; + + .journal-filter-option { + margin: 0.25em 0.25em; + } + } } .search { diff --git a/src/styles/global.scss b/src/styles/global.scss index a02f382..f2c290e 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -234,6 +234,8 @@ ul { &.checked { color: var(--clr-primary); font-weight: bold; + + background-color: #3c3c3c; } } } \ No newline at end of file