From 452012529cd1d3fe574756acd0638ed2c05cbd27 Mon Sep 17 00:00:00 2001
From: CanbiZ <47820557+MickLesk@users.noreply.github.com>
Date: Mon, 27 Jan 2025 17:49:14 +0100
Subject: [PATCH] Update page.tsx

---
 frontend/src/app/category-view/page.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/category-view/page.tsx b/frontend/src/app/category-view/page.tsx
index 5ad3251e..796365e5 100644
--- a/frontend/src/app/category-view/page.tsx
+++ b/frontend/src/app/category-view/page.tsx
@@ -164,24 +164,21 @@ const CategoryView = () => {
                   onClick={() => handleScriptClick(script.slug)}
                 >
                   <CardContent className="flex flex-col gap-4">
-                    <div className="flex justify-between">
-                      <h3 className="text-lg font-bold script-text">{script.name}</h3>
-                      {formattedBadge(script.type || "misc")}
-                    </div>
-                    <p className="text-sm text-gray-500">
+                    <h3 className="text-lg font-bold script-text text-center">{script.name}</h3>
+                    <img
+                      src={script.logo || defaultLogo}
+                      alt={script.name || "Script logo"}
+                      className="h-12 w-12 object-contain mx-auto"
+                    />
+                    <p className="text-sm text-gray-500 text-center">
                       <b>Created at:</b> {script.date_created || "No date available"}
                     </p>
                     <p
-                      className="text-sm text-gray-700 hover:text-gray-900"
+                      className="text-sm text-gray-700 hover:text-gray-900 text-center"
                       title={script.description || "No description available."}
                     >
                       {truncateDescription(script.description || "No description available.")}
                     </p>
-                    <img
-                      src={script.logo || defaultLogo}
-                      alt={script.name || "Script logo"}
-                      className="h-16 w-16 object-contain mx-auto mt-4"
-                    />
                     {renderResources(script)}
                   </CardContent>
                 </Card>