From 47e5c7d4f86b8b9d3aa926212aeb8e9cddb4658b Mon Sep 17 00:00:00 2001
From: nickpons666 <miguel.a.pons@protonmail.com>
Date: Mon, 2 Feb 2026 19:24:52 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20mejorar=20responsividad=20del=20panel=20?=
 =?UTF-8?q?de=20generaci=C3=B3n=20en=20rotaciones?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/css/style.css | 21 +++++++++++++++++++++
 public/rotaciones.php       |  6 +++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 0ee2673..940bdfc 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -323,6 +323,17 @@ body {
     justify-content: flex-end;
 }
 
+.form-row {
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.form-row .form-control {
+    width: auto;
+}
+
 /* Media Queries */
 @media (max-width: 768px) {
     .navbar {
@@ -377,6 +388,16 @@ body {
         margin: 1rem;
         padding: 1.5rem;
     }
+
+    .form-row {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .form-row .form-control,
+    .form-row .btn {
+        width: 100% !important;
+    }
 }
 
 @media (max-width: 480px) {
diff --git a/public/rotaciones.php b/public/rotaciones.php
index 2a5e8fc..fff5798 100644
--- a/public/rotaciones.php
+++ b/public/rotaciones.php
@@ -48,12 +48,12 @@ if (isPost() && ($auth->isAdmin() || $auth->isCoordinador())) {
                 <h3 class="card-title" style="font-size: 1rem; margin-bottom: 1rem;">⚙️ Panel de Generación</h3>
                 <form method="POST" onsubmit="return confirm('¿Estás seguro de generar nuevas rotaciones?')">
                     <input type="hidden" name="csrf_token" value="<?= csrfToken() ?>">
-                    <div style="display: flex; gap: 1rem; align-items: center;">
-                        <select name="type" class="form-control" style="width: auto;">
+                    <div class="form-row">
+                        <select name="type" class="form-control">
                             <option value="extend">Extender (Agregar al final)</option>
                             <option value="regenerate">Regenerar (Borrar futuras y rehacer)</option>
                         </select>
-                        <select name="weeks" class="form-control" style="width: auto;">
+                        <select name="weeks" class="form-control">
                             <option value="4">4 Semanas</option>
                             <option value="8" selected>8 Semanas</option>
                             <option value="12">12 Semanas</option>