From 2ae08f6d0ae0c9aee1ab490569f76c4bbbd64f7d Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sun, 24 May 2026 19:08:35 +0100
Subject: [PATCH] fix(mobile): admin CreditSettings + AIConfig form grids
 responsive

---
 src/components/admin/AIConfigTab.tsx       | 2 +-
 src/components/admin/CreditSettingsTab.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/admin/AIConfigTab.tsx b/src/components/admin/AIConfigTab.tsx
index c8448778..9008cc3d 100644
--- a/src/components/admin/AIConfigTab.tsx
+++ b/src/components/admin/AIConfigTab.tsx
@@ -260,7 +260,7 @@ export default function AIConfigTab() {
           {/* Routing */}
           <div className="space-y-4">
             <h3 className="text-sm font-semibold text-foreground">Routing</h3>
-            <div className="grid grid-cols-2 gap-4 max-w-lg">
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 max-w-lg">
               <div className="space-y-1.5">
                 <Label>Main model</Label>
                 <Select
diff --git a/src/components/admin/CreditSettingsTab.tsx b/src/components/admin/CreditSettingsTab.tsx
index 9d02dac8..d3a77a67 100644
--- a/src/components/admin/CreditSettingsTab.tsx
+++ b/src/components/admin/CreditSettingsTab.tsx
@@ -64,7 +64,7 @@ export default function CreditSettingsTab() {
           <CardDescription>Configure the credit costs for core actions (1 credit = $1).</CardDescription>
         </CardHeader>
         <CardContent className="space-y-4">
-          <div className="grid grid-cols-3 gap-4">
+          <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
             <div>
               <Label>Persona creation cost (cr)</Label>
               <Input
@@ -100,7 +100,7 @@ export default function CreditSettingsTab() {
         </CardHeader>
         <CardContent className="space-y-4">
           {settings.credit_packs.map((pack, i) => (
-            <div key={pack.id} className="grid grid-cols-4 gap-3 items-end">
+            <div key={pack.id} className="grid grid-cols-2 sm:grid-cols-4 gap-3 items-end">
               <div>
                 <Label>Name</Label>
                 <Input value={pack.name} onChange={e => updatePack(i, 'name', e.target.value)} />