From dbfc576fbafe18b46f8b70ed2db5ad3c3c9ca39f Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 1 Jul 2022 12:23:18 +0100
Subject: [PATCH] Update styles of some buttons

---
 .../design/[screenId]/_components/AppPanel.svelte             | 3 ++-
 .../[screenId]/screens/_components/ScreenSettingsPanel.svelte | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
index bdbe3423c0..d86e4a3c8d 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
@@ -25,7 +25,8 @@
         <DevicePreviewSelect />
       {/if}
       <Button
-        cta
+        newStyles
+        secondary
         icon="Add"
         on:click={() => $goto(`../${$selectedScreen._id}/components/new`)}
       >
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
index ce67918a5c..311710ee29 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenSettingsPanel.svelte
@@ -190,6 +190,8 @@
         {bindings}
       />
     {/each}
-    <Button cta on:click={() => $goto("../components")}>View components</Button>
+    <Button secondary newStyles on:click={() => $goto("../components")}>
+      View components
+    </Button>
   </Layout>
 </Panel>