From 338d9e82dd78476d79d0318acd67b73020690485 Mon Sep 17 00:00:00 2001
From: Server Admin <admin@Servers-Mac-mini.local>
Date: Sat, 16 May 2026 00:07:27 -0500
Subject: [PATCH] fix: make ship repo sections horizontal columns [ROA-272]

Co-authored-by: multica-agent <github@multica.ai>
---
 packages/views/ship/components/ship-project-section.tsx | 2 +-
 packages/views/ship/components/ship-repo-section.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/views/ship/components/ship-project-section.tsx b/packages/views/ship/components/ship-project-section.tsx
index 0e1e71d266..4f2e6776f1 100644
--- a/packages/views/ship/components/ship-project-section.tsx
+++ b/packages/views/ship/components/ship-project-section.tsx
@@ -297,7 +297,7 @@ export function ShipProjectSection({ project }: ShipProjectSectionProps) {
         <div id={sectionId} className="space-y-3">
           <ShipDeploySwimlanes projectId={project.id} />
 
-          <div className="space-y-3">
+          <div className="flex gap-3 overflow-x-auto pb-2">
             {repoGroups.map(([repoUrl, repoPrs]) => (
               <ShipRepoSection
                 key={repoUrl}
diff --git a/packages/views/ship/components/ship-repo-section.tsx b/packages/views/ship/components/ship-repo-section.tsx
index ca5784511b..fd5b23bbf5 100644
--- a/packages/views/ship/components/ship-repo-section.tsx
+++ b/packages/views/ship/components/ship-repo-section.tsx
@@ -43,7 +43,7 @@ export function ShipRepoSection({
   }, [prs]);
 
   return (
-    <section className="space-y-2 rounded-md border bg-muted/10 p-3">
+    <section className="flex w-[280px] shrink-0 flex-col rounded-md border bg-muted/10 p-3">
       <div className="flex flex-wrap items-center gap-2">
         <button
           type="button"
@@ -84,7 +84,7 @@ export function ShipRepoSection({
       {!collapsed && (
         <div
           id={sectionId}
-          className="max-h-[400px] space-y-2 overflow-y-auto pr-1"
+          className="flex-1 min-h-[120px] max-h-[480px] space-y-2 overflow-y-auto pr-1"
         >
           {prs.length === 0 && !isLoading ? (
             <p className="py-3 text-center text-xs text-muted-foreground">