From 7eef4b886ccac26bbfcb9e90e8ef16a5e938c419 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Mon, 5 Jun 2023 19:51:11 +0200
Subject: [PATCH] fix(webui): ultrawide detail mode

---
 webui/src/components/BrowseColumn.svelte | 6 +++---
 webui/src/views/Browse.svelte            | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/BrowseColumn.svelte b/webui/src/components/BrowseColumn.svelte
index 3dd8bdc..a7360a9 100644
--- a/webui/src/components/BrowseColumn.svelte
+++ b/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 {
diff --git a/webui/src/views/Browse.svelte b/webui/src/views/Browse.svelte
index aa8fbb8..7da0bbd 100644
--- a/webui/src/views/Browse.svelte
+++ b/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>