From b103e417f69f8e97679adf792d8c71766c77c59b Mon Sep 17 00:00:00 2001
From: Grant Forrest <gaforres@gmail.com>
Date: Mon, 11 Nov 2024 15:51:33 -0500
Subject: [PATCH] more prominent invite section

---
 web/src/components/plan/InviteMember.tsx          | 1 -
 web/src/components/plan/MembersAndInvitations.tsx | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/components/plan/InviteMember.tsx b/web/src/components/plan/InviteMember.tsx
index f051bef0..3abf3360 100644
--- a/web/src/components/plan/InviteMember.tsx
+++ b/web/src/components/plan/InviteMember.tsx
@@ -33,7 +33,6 @@ export function InviteMember({}: InviteMemberProps) {
 				bag.resetForm();
 				toast.success('Invitation sent!');
 			}}
-			className="p-3"
 		>
 			<TextField name="email" label="Email" />
 			<SubmitButton>Invite</SubmitButton>
diff --git a/web/src/components/plan/MembersAndInvitations.tsx b/web/src/components/plan/MembersAndInvitations.tsx
index 8dfe9d43..edc8821b 100644
--- a/web/src/components/plan/MembersAndInvitations.tsx
+++ b/web/src/components/plan/MembersAndInvitations.tsx
@@ -10,7 +10,7 @@ import {
 } from '@a-type/ui/components/card';
 import { useMutation, useSuspenseQuery, graphql } from '@biscuits/graphql';
 import { InviteMember } from './InviteMember.js';
-import { H2, H3 } from '@a-type/ui/components/typography';
+import { H3 } from '@a-type/ui/components/typography';
 import { ConfirmedButton } from '@a-type/ui/components/button';
 
 const membersQuery = graphql(`
@@ -86,7 +86,7 @@ export function MembersAndInvitations() {
 				))}
 			</CardGrid>
 			{plan?.canInviteMore ?
-				<div className="py-4">
+				<div className="p-4 flex flex-col items-stretch gap-3 bg-accent-wash border-accent-dark border-1 border-solid rounded-lg">
 					<H3>Invite someone</H3>
 					<InviteMember />
 				</div>