Justification bug of article titles in tags.html, categories.html ; dates in archives.html

[silverhook]

When looking at the lists of articles (e.g. when browsing tags.html or categories.html), the publication dates are properly aligned to the left-side, but the titles of the articles aren't in a straight line.

The same happens vice-versa in archives.html, where the dates are the one that aren't in a straight line.

I can reproduce the bug in the following browsers: Rekonq, Firefox, Chromium.

[calfzhou]

Mentioned in #59 (comment) . Now i set date format to YYYY-mm-dd to avoid nonalignment.

[talha131]

I remember I wasn't able to reproduce it for some reason.

@calfzhou

You reported this issue

It's OK to me to put date on either the left side or the right side. My only concern is that it might look good if article tiles are aligned along their first character.

I am unable to reproduce it. Need more information from you to reproduce and fix it 😄

@silverhook can you please share screenshot of the said issue and source code of your blog. I will try to reproduce it again. Perhaps some setting in my configuration is different because of which I cannot reproduce.

[silverhook]

[talha131]

Thank you I will look into it.

[talha131]

I am not proud of my solution. The solution is to set out a width that date can take on the left. Problem is what is the appropriate width that will work for everyone. Each user is expected to set his preferred style of width which will take up varying widths.

In my case, setting width to 100px is fine but for @silverhook's style it should be at least 150px.

The best and easiest solution I guess is to use Monospace fonts but they didn't look too good.

[silverhook]

This might be a silly question, but isn’t it possible to just add a trailing tabulator after the timestamp?

[talha131]

I am not aware of any such way. timestamp will take as much space as it needs. The next element will come right after it. If we need a set distance between them too we need to first set width of the timestamp.

Width is weak solution also because it messes up at different screen sizes.

[talha131]

I think last commit is the best I can come up with. Let me know what you guys think.

@tshepang please chime in if you get the time.

[talha131]

I am closing this issue. If anyone has something new to add, please feel free to comment on it.