From 869a32c00d93b36fbd280d6591d3bb6910786dc8 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 27 Jan 2025 12:05:11 +0100
Subject: [PATCH] Add platform steps

---
 .../project-[project]/overview/onboard.svelte | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/project-[project]/overview/onboard.svelte b/src/routes/(console)/project-[project]/overview/onboard.svelte
index 8021011b2..da3b44a34 100644
--- a/src/routes/(console)/project-[project]/overview/onboard.svelte
+++ b/src/routes/(console)/project-[project]/overview/onboard.svelte
@@ -94,7 +94,7 @@
                     </Layout.Stack>
                     <div class="grid">
                         <button
-                            class="onboarding-card platform-card"
+                            class="onboarding-card platform-card top-row"
                             on:click={() => addPlatform(0)}>
                             <img
                                 src={$app.themeInUse == 'dark'
@@ -107,12 +107,13 @@
                                     justifyContent="space-between"
                                     alignItems="center">
                                     <h3>Web</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} />
+
+                                    <div class="is-only-desktop" style="color: var(--neutral-250);">
+                                        <Icon icon={IconArrowRight} color="--neutral-250" />
                                     </div></Layout.Stack>
                             </div>
                         </button>
-                        <button class="onboarding-card platform-card" on:click={createKey}>
+                        <button class="onboarding-card platform-card top-row" on:click={createKey}>
                             <img
                                 src={$app.themeInUse == 'dark'
                                     ? PlatformServerImgSourceDark
@@ -124,8 +125,8 @@
                                     justifyContent="space-between"
                                     alignItems="center">
                                     <h3>Server</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} />
+                                    <div class="is-only-desktop" style="color: var(--neutral-250);">
+                                        <Icon icon={IconArrowRight} color="--neutral-250" />
                                     </div></Layout.Stack>
                             </div>
                         </button>
@@ -143,8 +144,8 @@
                                     justifyContent="space-between"
                                     alignItems="center">
                                     <h3>Apple</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} />
+                                    <div class="is-only-desktop" style="color: var(--neutral-250);">
+                                        <Icon icon={IconArrowRight} color="var(--neutral-250)" />
                                     </div></Layout.Stack>
                             </div>
                         </button>
@@ -162,8 +163,8 @@
                                     justifyContent="space-between"
                                     alignItems="center">
                                     <h3>Android</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} />
+                                    <div class="is-only-desktop" style="color: var(--neutral-250);">
+                                        <Icon icon={IconArrowRight} color="var(--neutral-250)" />
                                     </div></Layout.Stack>
                             </div>
                         </button>
@@ -182,8 +183,8 @@
                                     justifyContent="space-between"
                                     alignItems="center">
                                     <h3>Flutter</h3>
-                                    <div class="is-only-desktop">
-                                        <Icon icon={IconArrowRight} />
+                                    <div class="is-only-desktop" style="color: var(--neutral-250);">
+                                        <Icon icon={IconArrowRight} color="var(--neutral-250)" />
                                     </div></Layout.Stack>
                             </div>
                         </button>
@@ -398,6 +399,10 @@
             line-height: 130%; /* 26px */
         }
 
+        .top-row img {
+            min-height: 145px;
+        }
+
         h2.done {
             color: var(--color-fgcolor-neutral-tertiary, #97979b);
         }