diff --git a/Elecciones-Web/frontend/src/components/ResultadosRankingMunicipioWidget.tsx b/Elecciones-Web/frontend/src/components/ResultadosRankingMunicipioWidget.tsx index 5cf84fe..e9572a6 100644 --- a/Elecciones-Web/frontend/src/components/ResultadosRankingMunicipioWidget.tsx +++ b/Elecciones-Web/frontend/src/components/ResultadosRankingMunicipioWidget.tsx @@ -84,7 +84,7 @@ export const ResultadosRankingMunicipioWidget = () => { {/* Fila 3: Sub-cabeceras (Partido, %) */} - + { // Usamos un bucle map simple en lugar de flatMap. // React manejará la creación de un array de nodos sin problemas. diff --git a/Elecciones-Web/frontend/src/components/ResultadosTablaSeccionWidget.css b/Elecciones-Web/frontend/src/components/ResultadosTablaSeccionWidget.css index 7686d37..c9f704d 100644 --- a/Elecciones-Web/frontend/src/components/ResultadosTablaSeccionWidget.css +++ b/Elecciones-Web/frontend/src/components/ResultadosTablaSeccionWidget.css @@ -63,12 +63,14 @@ /* Fila 1: Categorías (SENADORES, CONCEJALES) */ .tabla-container th.categoria-header { border-bottom: 1px solid #adb5bd; + border-right: 2px solid #adb5bd; font-size: 0.8rem; } /* Fila 2: Puestos (1° Puesto, 2° Puesto) */ .tabla-container th.puesto-header { border-bottom: 1px solid #adb5bd; + border-right: 2px solid #adb5bd; } /* Fila 3: Sub-cabeceras (Partido, %) */ @@ -107,12 +109,13 @@ border-right: 1px solid #dee2e6; } +.tabla-container th.sub-header-init { + border-right: 2px solid #adb5bd; +} + /* Líneas divisorias entre categorías */ .tabla-container .category-divider-header { - border-left: 2px solid #adb5bd; /* Línea más gruesa en la cabecera */ -} -.tabla-container .category-divider { - border-left: 2px solid #adb5bd; /* Línea más gruesa en las celdas */ + border-left: 2px solid #adb5bd; } /* Columna fija de Municipio */ @@ -141,6 +144,7 @@ font-weight: 500; color: #212529; text-align: left; + border-left: 2px solid #adb5bd; } /* Columnas de porcentajes */ @@ -152,6 +156,7 @@ /* Línea divisoria vertical para las celdas de datos */ .tabla-container tbody td.category-divider { border-right: 1px solid #ced4da; + border-left: 2px solid #adb5bd; } /* Estilos para la columna fija (Sticky) */