From 9d7e6c670e89af45bff2630980758cf6da976f87 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Mon, 2 Feb 2026 15:46:35 +0100
Subject: [PATCH] fix(matrix-web): change bots page to single column layout

More readable and cleaner UX with narrower max-width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/matrix/apps/web/src/routes/(app)/bots/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/matrix/apps/web/src/routes/(app)/bots/+page.svelte b/apps/matrix/apps/web/src/routes/(app)/bots/+page.svelte
index a5b44b85a..5410c782b 100644
--- a/apps/matrix/apps/web/src/routes/(app)/bots/+page.svelte
+++ b/apps/matrix/apps/web/src/routes/(app)/bots/+page.svelte
@@ -66,7 +66,7 @@
 </svelte:head>
 
 <div class="h-full overflow-y-auto bg-background">
-	<div class="max-w-6xl mx-auto px-4 py-6 pb-24 md:pb-6">
+	<div class="max-w-2xl mx-auto px-4 py-6 pb-24 md:pb-6">
 		<!-- Header -->
 		<div class="mb-6">
 			<div class="flex items-center gap-3 mb-2">
@@ -120,7 +120,7 @@
 				<p class="text-muted-foreground">{$t('bots.noResults')}</p>
 			</div>
 		{:else}
-			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+			<div class="flex flex-col gap-3">
 				{#each filteredBots as bot (bot.id)}
 					<div class="relative">
 						<BotCard {bot} onStartChat={() => startChat(bot)} />