Michalexo的論壇貼

Glad I could help, sorry for speaking like to a noob in previous post, it must have been annoying.

I assumed that if something this basic is an issue, then maybe website's creator isn't on moderator team. Didn't even crossed my mind that i could have been an error.

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

• Michalexo edited this post on March 20, 2020 11:45pm.