diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue index 2f610ff31710b12c1df6fb49f6882c100a67463a..e57847ff8596db4f78bfafaf85b0560504a0b495 100644 --- a/src/client/components/AdvancedSearch.vue +++ b/src/client/components/AdvancedSearch.vue @@ -261,7 +261,6 @@ function removeFilter (filterChip: FilterChip): void { gap: var(--spacing); padding-left: var(--spacing); padding-bottom: var(--spacing); - max-width: 800px; } .checkbox { diff --git a/src/client/components/AppDialog.vue b/src/client/components/AppDialog.vue index 9d93401d5f9b9d735cef948477f8b0de3ffeddcb..3b71a5c4e3d9ceca337e9eb18a11adba8c278661 100644 --- a/src/client/components/AppDialog.vue +++ b/src/client/components/AppDialog.vue @@ -85,19 +85,20 @@ function closeFromOutside (event: MouseEvent): void { <style scoped> dialog { background: var(--black); - border: 1px solid var(--white); border-radius: var(--radius); + border: 1px solid var(--white); color: var(--white); - max-height: 75%; + max-height: 80%; + width: min(100%, 1000px); } dialog::backdrop { /* Hardcode the color since ::backdrop neither inherits from nor is inherited by any other elements. - Use of CSS variables from :root is thus impossible. + The use of CSS variables from :root is thus impossible. */ - background: hsla(0, 0%, 0%, 0.5); + background-color: hsla(0, 0%, 0%, 0.5); } .close-button {