From dbc6b182d73e4834f51f31bf74b19ced929b72cd Mon Sep 17 00:00:00 2001
From: dvelo <52332868+DeveloLongScript@users.noreply.github.com>
Date: Mon, 19 Aug 2024 16:33:56 -0500
Subject: [PATCH] fix: mobile was broken

---
 src/components/AfterServerView.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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