From 351f90cb4e89a04a9bdc77a33a1c048c44bfba4c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 20 Jul 2022 13:19:30 +0200
Subject: [PATCH] fix: div into list

---
 .../console/[project]/storage/index.svelte    | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/routes/console/[project]/storage/index.svelte b/src/routes/console/[project]/storage/index.svelte
index a53604445..f4fbe0409 100644
--- a/src/routes/console/[project]/storage/index.svelte
+++ b/src/routes/console/[project]/storage/index.svelte
@@ -35,7 +35,7 @@
     </div>
 
     {#if $bucketList?.total}
-        <div
+        <li
             class="grid-box common-section"
             style={`--grid-gap:2rem; --grid-item-size:${
                 $bucketList.total > 3 ? '22rem' : '25rem'
@@ -96,7 +96,7 @@
                     </div>
                 </article>
             {/if}
-        </div>
+        </li>
 
         <div class="u-flex u-margin-block-start-32 u-main-space-between">
             <p class="text">Total results: {$bucketList.total}</p>
@@ -120,17 +120,19 @@
         </div>
     {:else}
         <Empty dashed centered>
-            <div class="u-flex u-flex-vertical u-cross-center">
-                <div class="common-section">
-                    <Button secondary round on:click={() => (showCreate = true)}>
-                        <i class="icon-plus" />
-                    </Button>
-                </div>
-                <div class="common-section">
-                    <p>Add your first bucket to get started</p>
-                </div>
-                <div class="common-section">
-                    <Button secondary href="#">Documentation</Button>
+            <div class="bucket">
+                <div class="u-flex u-flex-vertical u-cross-center">
+                    <div class="common-section">
+                        <Button secondary round on:click={() => (showCreate = true)}>
+                            <i class="icon-plus" />
+                        </Button>
+                    </div>
+                    <div class="common-section">
+                        <p>Add your first bucket to get started</p>
+                    </div>
+                    <div class="common-section">
+                        <Button secondary href="#">Documentation</Button>
+                    </div>
                 </div>
             </div>
         </Empty>