From 9c78bbc95a8d4a5cefc26c1d7c84dcb2cbc7f96a Mon Sep 17 00:00:00 2001
From: dvelo <52332868+DeveloLongScript@users.noreply.github.com>
Date: Mon, 19 Aug 2024 16:30:36 -0500
Subject: [PATCH] fix: switch layouts for more space

---
 src/components/AfterServerView.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AfterServerView.tsx b/src/components/AfterServerView.tsx
index 5764e76..53b7ad8 100644
--- a/src/components/AfterServerView.tsx
+++ b/src/components/AfterServerView.tsx
@@ -119,8 +119,8 @@ export default function AfterServerView({ server }: { server: string }) {
               </Card>
             )}{" "}
             {((description == "" && discord == "") || view == "extra") && (
-              <>
-                <Card className="col-span-2">
+              <div className="grid grid-cols-3 col-span-4">
+                <Card>
                   <CardHeader>
                     <CardTitle>Plan Details</CardTitle>
                     <CardDescription>
@@ -181,7 +181,7 @@ export default function AfterServerView({ server }: { server: string }) {
                     </table>{" "}
                   </CardContent>
                 </Card>
-                <Card className="col-span-2">
+                <Card>
                   <CardHeader>
                     <CardTitle>Additional Info</CardTitle>
                     <CardDescription>
@@ -231,7 +231,7 @@ export default function AfterServerView({ server }: { server: string }) {
                     </table>
                   </CardContent>
                 </Card>
-                <Card className="col-span-2">
+                <Card>
                   <CardHeader>
                     <CardTitle>
                       <div>
@@ -326,7 +326,7 @@ export default function AfterServerView({ server }: { server: string }) {
                     </table>
                   </CardContent>
                 </Card>
-              </>
+              </div>
             )}
           </div>
         </div>