chore(gui-v2): col-span for create item

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/nc-gui-v2/pages/projects/index/index.vue

@@ -32,7 +32,7 @@ const formatTitle = (title: string) =>
 </script>
 
 <template>
-  <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 3xl:grid-cols-8">
+  <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 3xl:grid-cols-8 gap-4">
     <div v-for="(project, i) of projects" :key="project.id" class="group flex flex-col items-center gap-2">
       <div
         class="nc-project-thumbnail shadow-md cursor-pointer uppercase flex items-center justify-center transition-color ease duration-300 hover:shadow-lg"
@@ -62,6 +62,7 @@ const formatTitle = (title: string) =>
       </div>
     </div>
 
+    <div class="col-span-2 md:col-span-1">
       <div class="group flex flex-col items-center gap-2">
         <v-menu>
           <template #activator="{ props }">
@@ -94,6 +95,7 @@ const formatTitle = (title: string) =>
         </v-menu>
       </div>
     </div>
+  </div>
 </template>
 
 <style scoped>