Projects widget: text can overlap when in list view

[lsahn-gh]

they are overlapped.

Thank you for this theme!

[gcushen]

I can't replicate this issue using the latest versions of Academic and Firefox/Safari.

Can you link to your website and/or your site's Github repo (if one exists)?

[lsahn-gh]

OS : Elementary OS (based on ubuntu 16.04)
Web browser : Chrome 55.0.2883.87 (64-bit)
Academic : latest version
Github page : https://memnoth.github.io/

Test way i did

Go to the page, Ctrl + F5 (refresh web-browser cache) again and again, then the bug is sometimes appeared, not always.

[gcushen]

Thanks for the details. I can see the issue on your site is that the Isotope JS plugin (used for dynamically displaying projects) is forcing the second project to a similar position to the first project for some reason. I think Isotope tends not to work very well with HTML's <li> lists, especially in masonry layout mode.

Although I can't seem to exactly replicate the issue locally, I'll look at how to improve the compatibility of the list view with Isotope. For now, I recommend using the the card view for the projects widget to work around this.

[docardoso]

This is a workaround for this issue. When using masonry layout from Isotope JS, setting columnWidth attribute appears to be really important, as the following link suggests: http://isotope.metafizzy.co/layout-modes/masonry.html .

project-list-view-fix.patch.txt

[gcushen]

Thanks for the link and patch @docardoso . I'll check how this patch performs with the card view as well and try to release a fix.