From d56e14224758bdfb2ca24337acf6cc1ab30c345a Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 30 Sep 2025 17:28:25 +0000
Subject: [PATCH] Refactor: Center stats and remove redundant text

---
 src/pages/Admin.tsx | 27 +++++++++------------------
 1 file changed, 9 insertions(+), 18 deletions(-)

diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index c7549bf4..3acf0d10 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -83,47 +83,38 @@ export default function Admin() {
 
       <div className="grid grid-cols-3 gap-3 md:gap-6 mb-8">
         <Card>
-          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
+            <FileText className="h-4 w-4 text-muted-foreground mb-2" />
             <CardTitle className="text-sm font-medium">Pending Submissions</CardTitle>
-            <FileText className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
-          <CardContent>
+          <CardContent className="text-center">
             <div className="text-2xl font-bold">
               {realtimeStats.pendingSubmissions}
             </div>
-            <p className="text-xs text-muted-foreground">
-              Content submissions awaiting moderation
-            </p>
           </CardContent>
         </Card>
         
         <Card>
-          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
+            <Flag className="h-4 w-4 text-muted-foreground mb-2" />
             <CardTitle className="text-sm font-medium">Open Reports</CardTitle>
-            <Flag className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
-          <CardContent>
+          <CardContent className="text-center">
             <div className="text-2xl font-bold">
               {realtimeStats.openReports}
             </div>
-            <p className="text-xs text-muted-foreground">
-              User reports to review
-            </p>
           </CardContent>
         </Card>
         
         <Card>
-          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
+            <AlertCircle className="h-4 w-4 text-muted-foreground mb-2" />
             <CardTitle className="text-sm font-medium">Flagged Content</CardTitle>
-            <AlertCircle className="h-4 w-4 text-muted-foreground" />
           </CardHeader>
-          <CardContent>
+          <CardContent className="text-center">
             <div className="text-2xl font-bold">
               {realtimeStats.flaggedContent}
             </div>
-            <p className="text-xs text-muted-foreground">
-              Auto-flagged items
-            </p>
           </CardContent>
         </Card>
       </div>