From 96c2163a479f75c55e061cad3707133b93e1b53a Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 26 Apr 2022 09:51:53 +0100
Subject: [PATCH] Add icons to screen picker above app preview

---
 .../builder/src/components/design/AppPanel/AppPanel.svelte     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/design/AppPanel/AppPanel.svelte b/packages/builder/src/components/design/AppPanel/AppPanel.svelte
index a2b924ece..e9fc315b8 100644
--- a/packages/builder/src/components/design/AppPanel/AppPanel.svelte
+++ b/packages/builder/src/components/design/AppPanel/AppPanel.svelte
@@ -26,6 +26,7 @@
         options={$store.screens}
         getOptionLabel={x => x.routing.route}
         getOptionValue={x => x._id}
+        getOptionIcon={x => (x.routing.homeScreen ? "Home" : "WebPage")}
         bind:value={$store.selectedScreenId}
       />
       <StatusLight custom color={roleColor}>
@@ -77,7 +78,7 @@
     gap: var(--spacing-l);
   }
   .header-left :global(.spectrum-Picker) {
-    width: 200px;
+    width: 240px;
   }
   .content {
     flex: 1 1 auto;