From 0a09b07ea158b41870db5d2192f5bdbf983d7339 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 16 Jul 2026 21:16:41 -0500
Subject: [PATCH] =?UTF-8?q?formulario=20consent=20embed:=203=20columnas=20?=
 =?UTF-8?q?para=20inputs=20cortos=20+=20checkboxes=20m=C3=A1s=20grandes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Grid pasa de 2 a 3 columnas en modo compact; campo-full abarca las 3
- texto/textarea siguen en fila completa (campo-full)
- numero, edad, fecha, hora ocupan 1/3 → caben 3 por fila
- form-check-input 1.35em, min-height 2.2rem para área táctil cómoda en tablet

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ver_formulario_enviado.php | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/ver_formulario_enviado.php b/ver_formulario_enviado.php
index 0ec079b..e59a92a 100644
--- a/ver_formulario_enviado.php
+++ b/ver_formulario_enviado.php
@@ -533,10 +533,32 @@ function _addExamWizardHtml(string $cid): string {
         <?php endif; ?>
 
         <?php if ($compact): ?>
-        /* ── Modo compact (tablet, 2 columnas) ── */
+        /* ── Modo compact (3 columnas para inputs cortos) ── */
         @media (min-width: 480px) {
-            .campos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; align-items: start; }
-            .campos-grid .campo-full { grid-column: span 2; }
+            .campos-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px 14px; align-items: start; }
+            .campos-grid .campo-full { grid-column: span 3; }
+        }
+        /* ── Checkboxes y radios con área táctil mayor ── */
+        .campo-edit .form-check {
+            padding-left: 2.2em;
+            min-height: 2.2rem;
+            display: flex;
+            align-items: center;
+            gap: 0;
+        }
+        .campo-edit .form-check-input {
+            width: 1.35em;
+            height: 1.35em;
+            margin-top: 0;
+            margin-left: -2.2em;
+            cursor: pointer;
+            flex-shrink: 0;
+        }
+        .campo-edit .form-check-label {
+            font-size: 15px;
+            line-height: 1.4;
+            padding-left: 0.5em;
+            cursor: pointer;
         }
         <?php endif; ?>
 
@@ -1060,7 +1082,7 @@ function _addExamWizardHtml(string $cid): string {
         <?php       endif; continue; endif; // linked
                 if ($tipo === 'textarea'):
         ?>
-                <div class="campo-edit<?= $compact ? ' campo-full' : '' ?>" data-campo-id="<?= esc2($cid) ?>">
+                <div class="campo-edit campo-full" data-campo-id="<?= esc2($cid) ?>">
                     <label><?= $label ?></label>
                     <textarea class="form-control form-control-sm" name="<?= esc2($cid) ?>"
                               rows="3"<?= $req ?>><?= esc2($prefill) ?></textarea>
@@ -1138,8 +1160,10 @@ function _addExamWizardHtml(string $cid): string {
                     'hora' => 'time',
                     default => 'text'
                 };
+                // texto libre ocupa fila completa; tipos cortos caben 3 por fila
+                $inputFullClass = ($compact && $tipo === 'texto') ? ' campo-full' : '';
         ?>
-                <div class="campo-edit" data-campo-id="<?= esc2($cid) ?>">
+                <div class="campo-edit<?= $inputFullClass ?>" data-campo-id="<?= esc2($cid) ?>">
                     <label><?= $label ?></label>
                     <input type="<?= $inputType ?>" class="form-control form-control-sm"
                            name="<?= esc2($cid) ?>" value="<?= esc2($prefill) ?>"<?= $req ?>