Generated by Spark: put all data on the same line in that panel please

Author: rajbos

src/App.tsx

@@ -258,24 +258,26 @@ function App() {
             <Separator className="mb-4" />
             <div className="mb-4">
               <Card>
-                <div className="p-5 grid grid-cols-1 md:grid-cols-3 gap-6 divide-x divide-border">
-                  <div className="px-4">
-                    <h3 className="text-sm font-medium text-muted-foreground mb-1">Total Requests</h3>
-                    <p className="text-2xl font-bold">
-                      {data.reduce((sum, item) => sum + item.requestsUsed, 0).toLocaleString(undefined, {maximumFractionDigits: 2, minimumFractionDigits: 0})}
-                    </p>
-                  </div>
-                  <div className="px-4">
-                    <h3 className="text-sm font-medium text-muted-foreground mb-1">Unique Users</h3>
-                    <p className="text-2xl font-bold">
-                      {new Set(data.map(item => item.user)).size.toLocaleString()}
-                    </p>
-                  </div>
-                  <div className="px-4">
-                    <h3 className="text-sm font-medium text-muted-foreground mb-1">Models Used</h3>
-                    <p className="text-2xl font-bold">
-                      {uniqueModels.length}
-                    </p>
+                <div className="p-5 flex items-center">
+                  <div className="flex-1 flex items-center gap-6">
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm text-muted-foreground">Total Requests:</span>
+                      <span className="text-lg font-bold">
+                        {data.reduce((sum, item) => sum + item.requestsUsed, 0).toLocaleString(undefined, {maximumFractionDigits: 2, minimumFractionDigits: 0})}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm text-muted-foreground">Unique Users:</span>
+                      <span className="text-lg font-bold">
+                        {new Set(data.map(item => item.user)).size.toLocaleString()}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm text-muted-foreground">Models Used:</span>
+                      <span className="text-lg font-bold">
+                        {uniqueModels.length}
+                      </span>
+                    </div>
                   </div>
                 </div>
               </Card>