fix(webui): ultrawide detail mode

webui/src/components/BrowseColumn.svelte

@@ -46,7 +46,7 @@
   }
 </script>
 
-<div class="column" class:detail>
+<div class="browse-column" class:detail>
   <div class="view" class:editable style="--width: {width}px">
     <header>
       <IconButton
@@ -90,11 +90,11 @@
 </div>
 
 <style lang="scss">
-  .column {
+  .browse-column {
     display: flex;
   }
 
-  .column.detail {
+  .browse-column.detail {
     width: 100%;
 
     .view {

webui/src/views/Browse.svelte

@@ -61,7 +61,7 @@
   $: updateTitle("Browse", identities.join(" / "));
 </script>
 
-<div class="browser" bind:this={root}>
+<div class="browser" bind:this={root} class:single={addresses.length === 1 && detailMode}>
   {#each addresses as address, index}
     <div class="column" data-index={index}>
       <BrowseColumn
@@ -105,4 +105,8 @@
     justify-content: center;
     scroll-snap-align: center;
   }
+
+  .browser.single .column {
+    flex-grow: 1;
+  }
 </style>