No źle to wygląda, do tego cholerny markdown nie pozwala na wieloliniowe odstępy w tekście. Separatory wstawione ręcznie do treści, mają duży odstęp u góry, a mały na dole, przez co nie spełniają dobrze swojego zadania – wizualnie tekst pod separatorem jest do niego przyklejony. :/
.post-content hr {
margin: 15px 0 5px;
border-top-color: #d5d5d5;
width: 25%;
}
Ja wiem, że ten styl wygląda tak a nie inaczej dlatego, że sygnatura jest oddzielona separatorem od treści posta, ale pasuje ją redefiniować, aby treść posta wyglądała czytelnie. Sugeruję odwrócić marginesy, tak aby nad separatorem był mały odstęp, a pod nim duży. Żeby miało to sens, nowy styl musi być nadany dla wszystkich separatorów prócz ostatniego, czyli tego dla sygnatury. Czyli coś takiego (nie testowane):
.post-content hr :not(:last-child) {
margin: 5px 0 15px;
}
Poza tym ten width: 25%
jest niepotrzebny – kreska jest tak krótka, że niemal niewidoczna. IMO sensowne minimum to 50%, a najlepiej to niech separator ma pełną szerokość kolumny treści.
Z tymi marginesami jest spory bajzel, bo masa elementów ma złe odstępy… np. pre
– ten sam problem. Tyle że dla pełnego pola kodu, odstępy przed i po powinny być jednakowe.