From 100066c6abee4e629da3b5fdf8044ccfae7d5e8d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 27 Jun 2024 10:47:37 +0200
Subject: [PATCH] fix: estimation box alignment and margin

---
 .../billing/estimatedTotalBox.svelte          |  2 +-
 src/lib/layout/wizardSecondaryContent.svelte  |  4 +-
 src/lib/stores/campaigns.ts                   |  2 +-
 src/routes/console/apply-credit/+page.svelte  | 40 ++++++++++---------
 4 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/lib/components/billing/estimatedTotalBox.svelte b/src/lib/components/billing/estimatedTotalBox.svelte
index c600dadad..3ff31041c 100644
--- a/src/lib/components/billing/estimatedTotalBox.svelte
+++ b/src/lib/components/billing/estimatedTotalBox.svelte
@@ -32,7 +32,7 @@
 </script>
 
 <section
-    class="card u-margin-block-start-32 u-flex u-flex-vertical u-gap-8"
+    class="card u-flex u-flex-vertical u-gap-8"
     style:--p-card-padding="1.5rem"
     style:--p-card-border-radius="var(--border-radius-small)">
     <slot />
diff --git a/src/lib/layout/wizardSecondaryContent.svelte b/src/lib/layout/wizardSecondaryContent.svelte
index 6b69d488a..908995692 100644
--- a/src/lib/layout/wizardSecondaryContent.svelte
+++ b/src/lib/layout/wizardSecondaryContent.svelte
@@ -4,8 +4,6 @@
     </div>
     <div class="wizard-secondary-content-sep"></div>
     <div class="wizard-secondary-content-2">
-        <div class="wizard-secondary-content-sticky">
-            <slot name="aside" />
-        </div>
+        <slot name="aside" />
     </div>
 </div>
diff --git a/src/lib/stores/campaigns.ts b/src/lib/stores/campaigns.ts
index 7f4cf86e6..cec429146 100644
--- a/src/lib/stores/campaigns.ts
+++ b/src/lib/stores/campaigns.ts
@@ -49,7 +49,7 @@ campaigns
     })
     .set('StartupsProgram', {
         template: 'review',
-        title: 'Welcome to the Appwrite Startups program.',
+        title: 'Welcome to the Appwrite Startups program',
         description:
             "We're excited to have you on board. Add your credit code to your Appwrite Pro account to join.",
         onlyNewOrgs: true,
diff --git a/src/routes/console/apply-credit/+page.svelte b/src/routes/console/apply-credit/+page.svelte
index e5cec5f21..d1dd1ce47 100644
--- a/src/routes/console/apply-credit/+page.svelte
+++ b/src/routes/console/apply-credit/+page.svelte
@@ -290,25 +290,27 @@
                     {/if}
                 </section>
             {:else if selectedOrgId}
-                <EstimatedTotalBox
-                    fixedCoupon={!!data?.couponData?.code}
-                    billingPlan={BillingPlan.PRO}
-                    {collaborators}
-                    bind:couponData
-                    bind:billingBudget>
-                    {#if campaign?.template === 'review' && (campaign?.data?.cta || campaign?.data?.claimed || campaign?.data?.unclaimed)}
-                        <div class="u-margin-block-end-24">
-                            <p class="body-text-1 u-bold">{campaign?.data?.cta}</p>
-                            <p class="text u-margin-block-start-8">
-                                {#if couponData?.code && couponData?.status === 'active' && campaign?.data?.claimed}
-                                    {campaign?.data?.claimed}
-                                {:else if campaign?.data?.unclaimed}
-                                    {campaign?.data?.unclaimed}
-                                {/if}
-                            </p>
-                        </div>
-                    {/if}
-                </EstimatedTotalBox>
+                <div class:u-margin-block-start={campaign?.template === 'card'}>
+                    <EstimatedTotalBox
+                        fixedCoupon={!!data?.couponData?.code}
+                        billingPlan={BillingPlan.PRO}
+                        {collaborators}
+                        bind:couponData
+                        bind:billingBudget>
+                        {#if campaign?.template === 'review' && (campaign?.data?.cta || campaign?.data?.claimed || campaign?.data?.unclaimed)}
+                            <div class="u-margin-block-end-24">
+                                <p class="body-text-1 u-bold">{campaign?.data?.cta}</p>
+                                <p class="text u-margin-block-start-8">
+                                    {#if couponData?.code && couponData?.status === 'active' && campaign?.data?.claimed}
+                                        {campaign?.data?.claimed}
+                                    {:else if campaign?.data?.unclaimed}
+                                        {campaign?.data?.unclaimed}
+                                    {/if}
+                                </p>
+                            </div>
+                        {/if}
+                    </EstimatedTotalBox>
+                </div>
             {/if}
         </svelte:fragment>
     </WizardSecondaryContent>