Limit width of picker dialog in large viewport

Author: gorhill

src/css/epicker-ui.css

@@ -14,12 +14,13 @@ html#ublock0-epicker,
 }
 #ublock0-epicker aside {
     background-color: var(--default-surface);
-    border: 1px solid #aaa;
+    border: 1px solid var(--default-surface-border);
     bottom: 4px;
     box-sizing: border-box;
     cursor: default;
     display: none;
-    min-width: 24em;
+    max-width: 36rem;
+    min-width: 24rem;
     padding: 4px;
     position: fixed;
     right: 4px;

src/css/themes/default.css

@@ -78,6 +78,7 @@
     --default-ink-a4: var(--ink-80-a4);
     --default-ink-a50: var(--ink-80-a50);
     --default-surface: var(--light-gray-10);
+    --default-surface-border: var(--light-gray-70);
     --default-surface-hover: var(--light-gray-30-a50);
 
     --bg-1: hsla(240, 20%, 98%, 1);