Increase dialog size

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 {

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 {