Hello
I've been using this site since yesterday, and immediatelly I noticed that tools in image toolbar are squeezed together to the point you cannot distinguish them between each other. I was able to easily fix it for myself, and I thought that I could share this fix.
Problem itself:
imgur.com/izihjY4 with website source:
imgur.com/2agjGtp
First way is to change "
.session-overlay .image-toolbar" bracket in the css file, and change "
justify-content: center" to "
justify-content: space-evenly". This will spread icon over the whole toolbar.
Fix:
imgur.com/xJFyptO with website source changed:
imgur.com/UE90miF
Second way to fix it is: Add class to spans in div with
image-toolbar class, name doesn't matter in my example i named new class
QF. Then add new bracket in css file, and add space to icons themselves. Session overlay is scalable, therefore it would be a good idea to add it based on percentages. This bracket could look something like this: "
.QF { margin-left: 1%; margin-right: 1%; }".
Fix:
imgur.com/TX5720N with website source changed:
imgur.com/VbPFJLn
I hope this will help, or at least spotlight a problem, as I'm to lazy to fix it every time for myself :p