From 3d77213005fe204f6ff727a0cccefa2468eaefc9 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 23 Aug 2023 12:38:10 +0200
Subject: [PATCH] fix: spacing

---
 .../functions/function-[function]/+page.svelte  | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
index 9f4f385c3..cc8d626a9 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -98,23 +98,19 @@
                             }.svg`}
                             alt="technology" />
                     </div>
-                    <div>
-                        <div class="u-flex u-gap-12 u-cross-center">
-                            <p><b>Deployment ID</b></p>
-                        </div>
+                    <div class="u-flex-vertical u-gap-4">
+                        <p><b>Deployment ID</b></p>
 
-                        <div class="u-flex u-gap-12 u-cross-center">
-                            <Id value={$func.deployment}>
-                                {$func.deployment}
-                            </Id>
-                        </div>
+                        <Id value={$func.deployment}>
+                            {$func.deployment}
+                        </Id>
                     </div>
                 </div>
                 <svelte:fragment slot="aside">
                     {@const status = activeDeployment.status}
                     {@const fileSize = humanFileSize(activeDeployment.size)}
                     <div class="u-flex u-main-space-between">
-                        <div>
+                        <div class="u-flex-vertical u-gap-4">
                             <p><b>Build time:</b> {calculateTime(activeDeployment.buildTime)}</p>
                             <p>
                                 <b>Updated:</b>
@@ -152,6 +148,7 @@
                     </Button>
                     <Button
                         text
+                        class="u-margin-inline-end-16"
                         on:click={() => {
                             selectedDeployment = activeDeployment;
                             showRedeploy = true;