commit wip

src/routes/_authenticated/asignatura/$asignaturaId.tsx

@@ -135,7 +135,7 @@ function Page() {
       {/* ===== Hero ===== */}
       <div className="relative overflow-hidden rounded-3xl border shadow-sm">
         <div className={`absolute inset-0 bg-gradient-to-br ${style.halo} via-white to-transparent`} />
-        <div className="relative p-6 flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
+        <div className="relative p-6 flex flex-col grid grid-cols-1 gap-4 md:flex-row md:items-center md:justify-between">
           <div className="min-w-0">
             <div className="inline-flex items-center gap-2 text-xs text-neutral-600">
               <Icons.BookOpen className="h-4 w-4" /> Asignatura
@@ -613,10 +613,10 @@ function BorrarAsignaturaButton({ asignatura_id, onDeleted }: { asignatura_id: s
 
   return confirm ? (
     <div className="flex gap-2">
+      <Button variant="outline" onClick={() => setConfirm(false)} disabled={loading}>Cancelar</Button>
       <Button variant="destructive" onClick={handleDelete} disabled={loading}>
         {loading ? "Eliminando…" : "Confirmar eliminación"}
       </Button>
-      <Button variant="outline" onClick={() => setConfirm(false)} disabled={loading}>Cancelar</Button>
     </div>
   ) : (
     <Button variant="outline" onClick={() => setConfirm(true)}>

src/routes/_authenticated/plan/$planId.tsx

@@ -20,6 +20,7 @@ import { AuroraButton } from "@/components/effect/aurora-button"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { DeletePlanButton } from "@/components/planes/DeletePlan"
 import { AddAsignaturaButton } from "@/components/planes/AddAsignaturaButton"
+import { DescargarPdfButton } from "@/components/planes/GenerarPdfButton"
 
 type LoaderData = { plan: PlanFull; asignaturas: AsignaturaLite[] }
 
@@ -79,7 +80,7 @@ function RouteComponent() {
       </nav>
       <Card ref={headerRef} className="relative overflow-hidden border shadow-sm">
         <div className="absolute inset-0 -z-0" style={accent} />
-        <CardHeader className="relative z-10 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+        <CardHeader className="relative z-10 flex flex-col grid grid-cols-1 gap-3 sm:flex-row sm:items-center sm:justify-between">
           <div className="flex items-center gap-3 min-w-0">
             <span className="hdr-icon inline-flex items-center justify-center rounded-2xl border px-3 py-2 bg-white/70"
               style={{ borderColor: accent.borderColor as string }}>
@@ -99,11 +100,13 @@ function RouteComponent() {
                 {plan.estado}
               </Badge>
             )}
-            <div className='flex gap-2'>
+            {/* <div className='flex gap-2'> */}
               <EditPlanButton plan={plan} />
               <AdjustAIButton plan={plan} />
+              <DescargarPdfButton planId={plan.id} opcion="plan" />
+              <DescargarPdfButton planId={plan.id} opcion="asignaturas" />
               <DeletePlanButton planId={plan.id} />
-            </div>
+            {/* </div> */}
           </div>
         </CardHeader>
         <CardContent ref={statsRef}>