From 386f124fe903ebbab67da9c8ed8b84e8a203d744 Mon Sep 17 00:00:00 2001
From: Lea <lea@janderedev.xyz>
Date: Thu, 21 Sep 2023 20:52:09 +0200
Subject: [PATCH] fix: reorder action buttons on small screens

---
 components/pages/inspector/AccountActions.tsx | 2 +-
 components/pages/inspector/ServerActions.tsx  | 2 +-
 components/pages/inspector/UserActions.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/pages/inspector/AccountActions.tsx b/components/pages/inspector/AccountActions.tsx
index e893fbd..5be8abb 100644
--- a/components/pages/inspector/AccountActions.tsx
+++ b/components/pages/inspector/AccountActions.tsx
@@ -45,7 +45,7 @@ export function AccountActions({
   const [emailDraft, setEmailDraft] = useState("");
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
       <AlertDialog>
         <AlertDialogTrigger asChild>
           <Button className="flex-1">
diff --git a/components/pages/inspector/ServerActions.tsx b/components/pages/inspector/ServerActions.tsx
index 32d1a0d..ecfd0b7 100644
--- a/components/pages/inspector/ServerActions.tsx
+++ b/components/pages/inspector/ServerActions.tsx
@@ -35,7 +35,7 @@ export function ServerActions({ server }: { server: Server }) {
   const { toast } = useToast();
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
       {serverDraft.discoverable ? (
         <Button
           className="flex-1"
diff --git a/components/pages/inspector/UserActions.tsx b/components/pages/inspector/UserActions.tsx
index d4e5299..3cb1aa6 100644
--- a/components/pages/inspector/UserActions.tsx
+++ b/components/pages/inspector/UserActions.tsx
@@ -109,7 +109,7 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
         </CardHeader>
       </Card>
 
-      <div className="flex gap-2">
+      <div className="flex flex-col md:flex-row gap-2">
         {bot ? (
           botDraft!.discoverable ? (
             <Button