From a5f6558afeea06542606db7ff7d74fa054180cef Mon Sep 17 00:00:00 2001
From: Alec Helmturner <alec@helmturner.dev>
Date: Thu, 4 Jul 2024 17:14:21 -0500
Subject: [PATCH] fix: minor ui fixes

---
 src/features/voting/ProposalCard.tsx         | 10 +++++-----
 src/features/voting/ProposalInterestVote.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/features/voting/ProposalCard.tsx b/src/features/voting/ProposalCard.tsx
index 0c464ba..87715b2 100644
--- a/src/features/voting/ProposalCard.tsx
+++ b/src/features/voting/ProposalCard.tsx
@@ -100,9 +100,9 @@ export default function ProposalCard(props: ProposalCardProps) {
 
   return (
     <Card>
-      <CardHeader className="pb-0 pt-6 flex flex-row justify-between">
+      <CardHeader className="flex flex-row justify-between gap-2 flex-wrap">
         <div className="flex flex-col max-w-full gap-2 content-center">
-          <CardTitle className="break-words">{props.title}</CardTitle>
+          <CardTitle className="break-words text-wrap">{props.title}</CardTitle>
           <h2 className="break-words">{props.summary}</h2>
         </div>
 
@@ -115,8 +115,8 @@ export default function ProposalCard(props: ProposalCardProps) {
         />
       </CardHeader>
 
-      <CardContent className="my-3">
-        <CardDescription className="py-4 break-words">
+      <CardContent className="flex gap-6 flex-col">
+        <CardDescription className="break-words">
           {props.description}
         </CardDescription>
 
@@ -128,7 +128,7 @@ export default function ProposalCard(props: ProposalCardProps) {
         />
       </CardContent>
 
-      <CardFooter className="flex flex-row justify-between">
+      <CardFooter className="flex flex-row justify-between gap-4">
         <Badge variant={props.status === 'open' ? 'success' : 'destructive'}>
           {props.status.toUpperCase()}
         </Badge>
diff --git a/src/features/voting/ProposalInterestVote.tsx b/src/features/voting/ProposalInterestVote.tsx
index 2b2d88a..3c0c5a6 100644
--- a/src/features/voting/ProposalInterestVote.tsx
+++ b/src/features/voting/ProposalInterestVote.tsx
@@ -32,7 +32,7 @@ export default function ProposalInterestVote(props: ProposalInterestVoteProps) {
   return (
     <RadioGroup
       aria-label="Vote"
-      className="flex flex-col md:flex-row md:items-center gap-2"
+      className="flex flex-row place-content-center gap-2"
       value={`${props.vote?.value}`}
       disabled={props.disabled}
       onValueChange={(value: `${Vote['value']}`) =>