Sé que esto es un par de meses tarde, pero…
Hoy en día, uso mi propia bifurcación del proyecto que no sufre de estos problemas. Pero si quieres una solución CSS simple, todavía tengo algunas de mis correcciones antiguas.
Aquí hay un par de las que podrías encontrar relevantes:
/* Corrige el relleno excesivo en la parte superior de la página.
* NOTA: Esto debería eliminar el gran espacio entre el contenido de tu página y la parte superior de la página.
*/
#main-outlet {
padding-top: 1.8em;
}
/* Wrap debe centrarse y solo ocupar un cierto ancho de la pantalla.
* NOTA: ¡Este en particular puede ayudar a solucionar el problema de diseño de tu tema/publicaciones!
*/
.wrap {
max-width: 1110px;
/* max-width: 60vw;*/
}
/* Corrige problemas con el diseño de la lista de Categorías.
* NOTA: Hay formas mucho mejores de hacer esto.
*/
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
display: revert;
}
.nav-pills>li {
display: flex;
}
/* Haz que el texto en negrita sea realmente negrita.
* NOTA: Alternativamente, cambia el peso de fuente predeterminado para el tema a 400.
* El proyecto original lo tiene configurado en 300 como el peso predeterminado utilizado por todo, lo que hace que el texto en negrita/fuerte use algo como 400, ya que están configurados como "más negrita".
* En la mayoría de las fuentes, eso es literalmente indistinguible de 300.
*/
b, strong {
font-weight: 700;
}
/* Elimina el margen del contenedor para los enlaces cruzados internos listados debajo de las publicaciones. */
.post-links-container {
margin-left: 0;
}
/* Mejora el diseño del texto "última visita" en la lista de temas. */
.topic-list .topic-list-item-separator .topic-list-data span {
color: var(--primary);
border: 1px solid var(--secondary-very-high);
font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
background-color: var(--secondary);
}
/* Mejora el diseño del texto "última visita" en la publicación del tema. */
.small-action.topic-post-visited .topic-post-visited-line {
border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
color: var(--primary);
border: none;
font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
background-color: transparent;
}