From 539a220a030e493195bc3c2371deed1edc20afe8 Mon Sep 17 00:00:00 2001
From: Jan Hendrik Scheufen <j.h.scheufen@gmail.com>
Date: Sun, 20 Oct 2024 15:02:20 -0400
Subject: [PATCH] Small margin cleanup in GroupEdit and GroupForm

Signed-off-by: Jan Hendrik Scheufen <j.h.scheufen@gmail.com>
---
 packages/quilombo/components/forms/group/GroupEdit.tsx | 6 ++++--
 packages/quilombo/components/forms/group/GroupForm.tsx | 2 +-
 packages/quilombo/package.json                         | 1 +
 yarn.lock                                              | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/quilombo/components/forms/group/GroupEdit.tsx b/packages/quilombo/components/forms/group/GroupEdit.tsx
index be20eac..7bd809e 100644
--- a/packages/quilombo/components/forms/group/GroupEdit.tsx
+++ b/packages/quilombo/components/forms/group/GroupEdit.tsx
@@ -3,6 +3,7 @@
 import ImageUpload from '@/components/forms/ImageUpload';
 import { groupBannerAtom, groupIdAtom, groupLogoAtom } from '@/hooks/state/group';
 import { useUpdateBannerMutation, useUpdateLogoMutation } from '@/query/group';
+import { Spacer } from '@nextui-org/spacer';
 import { useAtomValue } from 'jotai';
 import { GroupForm } from '.';
 
@@ -15,7 +16,7 @@ const ProfileEdit = () => {
 
   return (
     <div className="flex flex-col">
-      <div className="flex flex-col items-center">
+      <div className="flex flex-col items-center mb-1 sm:mb-2">
         <h4 className="mb-1 sm:mb-2">Logo</h4>
         <ImageUpload value={logo} ownerId={groupId} useFileUploadMutation={useUpdateLogoMutation} />
         <h4 className="my-1 sm:my-2">Banner</h4>
@@ -23,10 +24,11 @@ const ProfileEdit = () => {
           value={banner}
           ownerId={groupId}
           useFileUploadMutation={useUpdateBannerMutation}
-          classname="w-full mb-2 sm:mb-4"
+          classname="w-full"
           avatarProps={{ radius: 'md' }}
         />
       </div>
+      <Spacer y={2} />
       <GroupForm />
     </div>
   );
diff --git a/packages/quilombo/components/forms/group/GroupForm.tsx b/packages/quilombo/components/forms/group/GroupForm.tsx
index 8869bcc..f4f96b9 100755
--- a/packages/quilombo/components/forms/group/GroupForm.tsx
+++ b/packages/quilombo/components/forms/group/GroupForm.tsx
@@ -77,7 +77,7 @@ const GroupForm = () => {
                   placeholder="Enter a short description of your group"
                   description={`${charsLeft} characters left`}
                   onInput={(e) => setCharsLeft(300 - (e.target as HTMLTextAreaElement).value.length)}
-                  className="mb-5 w-full"
+                  className="w-full"
                   classNames={{ description: 'w-fit ml-auto' }}
                 />
               );
diff --git a/packages/quilombo/package.json b/packages/quilombo/package.json
index b763e06..e37d691 100755
--- a/packages/quilombo/package.json
+++ b/packages/quilombo/package.json
@@ -33,6 +33,7 @@
     "@nextui-org/react": "^2.4.8",
     "@nextui-org/select": "^2.2.7",
     "@nextui-org/skeleton": "^2.0.32",
+    "@nextui-org/spacer": "^2.0.33",
     "@nextui-org/spinner": "^2.0.34",
     "@nextui-org/switch": "2.0.34",
     "@nextui-org/system": "2.2.6",
diff --git a/yarn.lock b/yarn.lock
index b53ab40..f704bcd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4274,7 +4274,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nextui-org/spacer@npm:2.0.33":
+"@nextui-org/spacer@npm:2.0.33, @nextui-org/spacer@npm:^2.0.33":
   version: 2.0.33
   resolution: "@nextui-org/spacer@npm:2.0.33"
   dependencies:
@@ -17115,6 +17115,7 @@ __metadata:
     "@nextui-org/react": "npm:^2.4.8"
     "@nextui-org/select": "npm:^2.2.7"
     "@nextui-org/skeleton": "npm:^2.0.32"
+    "@nextui-org/spacer": "npm:^2.0.33"
     "@nextui-org/spinner": "npm:^2.0.34"
     "@nextui-org/switch": "npm:2.0.34"
     "@nextui-org/system": "npm:2.2.6"