Spacing in the toolbar and buttons

[scofalik]

I have a feeling, that spacing between icons is too small. Toolbar feels crowded, compressed, narrowed. I feel that in the old theme there was just enough "air" between icons.

You can see how those changed here: https://user-images.githubusercontent.com/1099479/35739226-3d784046-0831-11e8-9528-ed16a9df86f3.gif

I also feel like it wouldn't be bad if the toolbar was a tad higher (like it was). Although that might look bad with new dropdown design.

[dkonopka]

I had the same feelings working on Letters. Spacing is important especially in the balloon toolbar where for example we have only four buttons (bold, italic, link, comment).

I think we can easily enlarge padding of buttons (without changing icon size) from:
--ck-spacing-tiny (0.15em) to 0.25em.

Current padding 0.15em for buttons

Proposal padding 0.25em

[scofalik]

My problem wasn't necessarily padding, but just space between icons. It could be also solved with margin. I am not saying that adding more padding is wrong, just stating that it's not strictly about padding.

It's also a question about how much space we want to have between two selected buttons.

[Reinmar]

After a discussion with @oleq and @dkonopka I changed the title of this ticket to also cover spacing inside buttons and all types of spacing around buttons (and not only spacing between buttons).

One of the ideas (which @pjasiun brought) was to limit the spacing between toolbar and icons to have more "padding-less" effect:

We can also add spacing inside buttons (around icons):

To compare, this is the current state:

[oleq]

Unfortunately making the spacing around the buttons is not an option because it starts looking weird in balloons which have arrows. Check out my previous comment (section "Paddings in the UI").