From cc94ec5ce6c43ac3b8a62cb1a684c403b9db645e Mon Sep 17 00:00:00 2001
From: highperfocused <highperfocused@pm.me>
Date: Sun, 25 May 2025 22:39:06 +0200
Subject: [PATCH] fix: adjust spacing in CardHeader components for consistency

---
 components/CardOptionsDropdown.tsx | 2 +-
 components/KIND20Card.tsx          | 2 +-
 components/NoteCard.tsx            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/CardOptionsDropdown.tsx b/components/CardOptionsDropdown.tsx
index 4d3eca9..7c9e37f 100644
--- a/components/CardOptionsDropdown.tsx
+++ b/components/CardOptionsDropdown.tsx
@@ -145,7 +145,7 @@ export default function CardOptionsDropdown({ event }: CardOptionsDropdownProps)
         <>
             <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
                 <DropdownMenuTrigger asChild>
-                    <Button variant="ghost" size="icon" className="ml-auto" aria-label="Options">
+                    <Button variant="ghost" size="icon" className="ml-auto mt-0 flex-shrink-0" aria-label="Options">
                         <DotsVerticalIcon className="h-4 w-4" />
                     </Button>
                 </DropdownMenuTrigger>
diff --git a/components/KIND20Card.tsx b/components/KIND20Card.tsx
index f20d2e9..350b8c5 100644
--- a/components/KIND20Card.tsx
+++ b/components/KIND20Card.tsx
@@ -115,7 +115,7 @@ const KIND20Card: React.FC<KIND20CardProps> = ({
     <>
       <div key={event.id}>
         <Card className="my-4">
-          <CardHeader className="flex flex-row items-center">
+          <CardHeader className="flex flex-row items-center space-y-0">
             <CardTitle className="flex-1">
               <Link href={hrefProfile} style={{ textDecoration: "none" }}>
                 <TooltipProvider>
diff --git a/components/NoteCard.tsx b/components/NoteCard.tsx
index 56cf85e..e47bb28 100644
--- a/components/NoteCard.tsx
+++ b/components/NoteCard.tsx
@@ -59,7 +59,7 @@ const NoteCard: React.FC<NoteCardProps> = ({ pubkey, text, eventId, tags, event,
   return (
     <>
       <Card>
-        <CardHeader className="flex flex-row items-center">
+        <CardHeader className="flex flex-row items-center space-y-0">
           <CardTitle className="flex-1">
             <Link href={hrefProfile} style={{ textDecoration: 'none' }}>
               <TooltipProvider>