From 81316a7e8077393e15438a0ebd4f45d51d74eeb0 Mon Sep 17 00:00:00 2001
From: willwearing <willwearing@gmail.com>
Date: Sun, 12 Apr 2026 09:08:30 -0600
Subject: [PATCH] fix: prevent section action label wrapping + run migrations
 in CI deploy

- Add shrink-0 and whitespace-nowrap to section card action label so
  "Start Studying" stays on one line instead of wrapping at narrow widths
- Add prisma migrate deploy step to deploy-backend job so production
  migrations run automatically on merge to main (requires DATABASE_URL
  and DIRECT_URL GitHub secrets)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .github/workflows/ci-deploy.yml                  | 16 ++++++++++++++++
 .../web/src/app/(app)/browse/[courseId]/page.tsx |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci-deploy.yml b/.github/workflows/ci-deploy.yml
index 82081bd..6e3272a 100644
--- a/.github/workflows/ci-deploy.yml
+++ b/.github/workflows/ci-deploy.yml
@@ -188,6 +188,22 @@ jobs:
     steps:
       - uses: actions/checkout@v5
 
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: "1.3.6"
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Generate Prisma client
+        run: cd backend && bun x prisma generate
+
+      - name: Run production migrations
+        run: cd backend && bun x prisma migrate deploy
+        env:
+          DATABASE_URL: ${{ secrets.DATABASE_URL }}
+          DIRECT_URL: ${{ secrets.DIRECT_URL }}
+
       - name: Install Railway CLI
         run: npm install -g @railway/cli
 
diff --git a/apps/web/src/app/(app)/browse/[courseId]/page.tsx b/apps/web/src/app/(app)/browse/[courseId]/page.tsx
index 57a30dd..7e1cadf 100644
--- a/apps/web/src/app/(app)/browse/[courseId]/page.tsx
+++ b/apps/web/src/app/(app)/browse/[courseId]/page.tsx
@@ -289,7 +289,7 @@ export default async function CourseDetailPage({
                         </p>
                       </div>
                       {actionLabel ? (
-                        <div className="inline-flex items-center gap-1 self-start text-sm font-medium text-primary">
+                        <div className="inline-flex items-center gap-1 self-start shrink-0 whitespace-nowrap text-sm font-medium text-primary">
                           <span>{actionLabel}</span>
                           <ArrowRight className="h-4 w-4" />
                         </div>