From 74156d5fc19ec2cdf2c4ea565b50e281a838ee91 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 15 Oct 2025 15:08:46 +0000
Subject: [PATCH] Refactor: Improve moderation queue layout

---
 src/components/moderation/ModerationQueue.tsx | 2 +-
 src/components/moderation/QueueItem.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/moderation/ModerationQueue.tsx b/src/components/moderation/ModerationQueue.tsx
index 9201ddd2..5c26b15a 100644
--- a/src/components/moderation/ModerationQueue.tsx
+++ b/src/components/moderation/ModerationQueue.tsx
@@ -192,7 +192,7 @@ export const ModerationQueue = forwardRef<ModerationQueueRef>((props, ref) => {
         />
       ) : (
         <TooltipProvider>
-          <div className="space-y-6">
+          <div className={isMobile ? 'space-y-6' : 'grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6'}>
             {queueManager.items.map((item, index) => (
               <QueueItem
                 key={item.id}
diff --git a/src/components/moderation/QueueItem.tsx b/src/components/moderation/QueueItem.tsx
index beec2b2c..d535d9d8 100644
--- a/src/components/moderation/QueueItem.tsx
+++ b/src/components/moderation/QueueItem.tsx
@@ -108,7 +108,7 @@ export const QueueItem = memo(({
   return (
     <Card 
       key={item.id} 
-      className={`border-l-4 transition-all duration-300 ${
+      className={`h-full border-l-4 transition-all duration-300 ${
         item._removing ? 'opacity-0 scale-95 pointer-events-none' : ''
       } ${
         hasModeratorEdits ? 'ring-2 ring-blue-200 dark:ring-blue-800' : ''