0.9.8 — pudełko wokół ikony

Po dwóch poprawkach rysunki miały już identyczny zasięg tuszu — zmierzony na pobranym z produkcji HTML-u, co do piksela. W nagłówku kanał dalej stał wyżej od pozostałych.

Bo mierzyłem nie to. Pomiar dotyczył rysunku, a różnica siedziała w pudełku, w którym rysunek stoi. Ikona kanału ma wokół siebie opakowanie, bo otwiera podpowiedź; opakowanie było elementem typu inline-block, czyli takim, który zakłada wiersz tekstu. Wiersz tekstu jest wyższy od ikony, bo rezerwuje miejsce na zejścia liter. Wyśrodkowanie w nagłówku środkowało to wyższe pudełko, a ikona siedziała przy jego górnej krawędzi.

Do tego sam rysunek był elementem liniowym, więc stał na linii pisma i ciągnął za sobą ten sam margines na zejście — drugi raz to samo, o poziom niżej.

Ikona jest teraz elementem blokowym, a jej opakowanie pudełkiem elastycznym z wyśrodkowaniem. Odnośniki do profili dostały to samo opakowanie, choć go nie potrzebują: dwa różne pudełka wokół dwóch ikon w jednym szeregu to jest dokładnie ta usterka, tylko odłożona na później.

Trzecia poprawka tej samej rzeczy w ciągu godziny i warto powiedzieć, dlaczego. Pierwsza wyrównała pole, druga krawędź tuszu, trzecia pudełko wokół. Za każdym razem pomiar potwierdzał, że jest dobrze — bo za każdym razem mierzył warstwę wyżej niż ta, w której siedział błąd. Zgłoszenie „nadal jest wyżej” było więc trafniejsze od moich liczb, i to jest normalne: liczba potwierdza tylko to, o co się ją zapytało.