From 3bb92c05365cac474dfa5e92854d14528ce53a02 Mon Sep 17 00:00:00 2001
From: freetlab <freetlab@gmail.com>
Date: Thu, 30 Jul 2026 22:14:51 +0200
Subject: [PATCH] fix(grabaciones): correct the gap between the storage card
 and rows

Issue 3 (feedback-pruebas): t4:617 draws a 16px gap between the
storage usage card and the recordings list below it, not 12.
---
 lib/pantallas/pantalla_grabaciones.dart       |  7 ++++-
 test/pantallas/pantalla_grabaciones_test.dart | 29 +++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/lib/pantallas/pantalla_grabaciones.dart b/lib/pantallas/pantalla_grabaciones.dart
index 61f3d0c..3b6e5d4 100644
--- a/lib/pantallas/pantalla_grabaciones.dart
+++ b/lib/pantallas/pantalla_grabaciones.dart
@@ -251,7 +251,12 @@ class _PantallaGrabacionesState extends State<PantallaGrabaciones> {
             padding: PluriLayout.pageContentPadding,
             children: [
               _BarraDeAlmacenamiento(archivos: archivos),
-              const SizedBox(height: 12),
+              // Issue 3 (feedback-pruebas): t4:617 draws a 16px gap between
+              // the storage card and the rows below it, not 12.
+              const SizedBox(
+                height: 16,
+                key: ValueKey('grabaciones-storage-gap'),
+              ),
               if (snap.connectionState == ConnectionState.done &&
                   archivos.isEmpty)
                 PluriEmptyState(
diff --git a/test/pantallas/pantalla_grabaciones_test.dart b/test/pantallas/pantalla_grabaciones_test.dart
index fa64101..877b06e 100644
--- a/test/pantallas/pantalla_grabaciones_test.dart
+++ b/test/pantallas/pantalla_grabaciones_test.dart
@@ -216,6 +216,35 @@ void main() {
     },
   );
 
+  testWidgets(
+    'Issue 3 (feedback-pruebas): the gap between the storage card and the '
+    'rows below is 16, matching t4:617 -- not 12',
+    (tester) async {
+      final estado = EstadoGrabacion(
+        servicio: _FakeServicioGrabacionConArchivos([
+          fijaA,
+        ], maxBytesFijo: 200 * 1024 * 1024),
+      );
+      addTearDown(estado.dispose);
+
+      await tester.pumpWidget(
+        buildScreen(
+          estado: estado,
+          reproductor: _ReproductorGrabacionesFake(const {}),
+        ),
+      );
+      await pumpStable(tester);
+
+      expect(
+        tester
+            .getSize(find.byKey(const ValueKey('grabaciones-storage-gap')))
+            .height,
+        16,
+        reason: 't4:617 draws a 16px gap here',
+      );
+    },
+  );
+
   testWidgets('15.2-A: 3 recording fixtures render as 3 rows', (tester) async {
     final estado = EstadoGrabacion(
       servicio: _FakeServicioGrabacionConArchivos([