Optimizar el efecto de visualización de la página de inicio del tema Foundation

[sniper756]

Solucionar el problema de este tema

Después de la actualización de reconstrucción de hace un momento, la fuente de la página principal se volvió muy pequeña - Contribuciones / Experiencia de usuario - Discourse Meta

Optimizar la visualización de la página principal mediante componentes personalizados:

Antes de la optimización:

Después de la optimización:

Código CSS del componente personalizado:

/* ========== Hacer que los márgenes superior e inferior de las filas de categorías sean consistentes ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Fuente general del encabezado de la tabla «Categoría, Temas, Reciente» ========== */
.category-list-header {
  font-size: 1.2rem !important;
}


/* Tamaño de fuente de la categoría principal */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Tamaño de fuente de la subcategoría */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Aumentar el espacio en blanco a la derecha del encabezado «Temas» */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Aumentar el espacio en blanco a la derecha de la columna de datos «1 / Semana» */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Control de la fuente del número de publicaciones ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Control de la fuente de la unidad «Semana» ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Ajuste de la fuente de los temas destacados a la derecha ========== */

/* Título del tema destacado */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Fecha de publicación (por ejemplo, «hace 30 días») */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Iconos de estado del tema */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Espaciado entre bloques individuales de temas destacados */
.featured-topic {
  margin-bottom: 2px !important;     /* Espacio en blanco entre temas */
  padding: 5px 0 !important;          /* Relleno interno superior e inferior */
  line-height: 1 !important;        /* Altura de línea general */
}