Too much padding spacing between Icons

[RafnexJr]

Is there a possibility to change the spacing between the icons in the dock?

The scaling reduces them in size, but I want them with less spacing between them.

Thanks for your help!

[corebots]

missing some fine configuration wor all the spacing, dot spacing, etc too. Can't seem to figure out how to style all the elements properly via the css in styleheet.css, some gui settings would be nice

[alvindera97]

This might be coming a bit late. I was hoping that a feature like this would have been given attention to. The ability to increase/decrease the space between the icons is of high importance to most of the users. Dash-to-dock is definitely the best I've seen and used in this category. Keep up the good work. I still hope that this is given attention.

I'd love to see an update that includes such

[dvorapa]

For me this works as expected, the space between them shrinks as icons shrink

[joaocandre]

For what is worth, you can manually edit the spacing/padding between the icons by directly editing the relevant sections in the stylesheet.css file:

#dashtodockContainer .overview-icon {
    padding-top:2px;
    padding-bottom:2px;
    padding-right: 1px;
    padding-left: 1px;
}

#dashtodockContainer.icon {
    padding-top:2px;
    padding-bottom:2px;
    padding-right: 1px;
    padding-left: 1px;
}

Taken from a reddit topic addressing this very issue.

[thomas-gt]

Thanks @joaocandre, works nicely.
Just to complete my file was ~/.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com/stylesheet.css, I just pasted the 2 CSS blocks at the end before saving and then I had to disable and re-enable extension.

[coreybruce]

Please add a option to remove top and bottom padding in the extension settings, that would be great!

[coreybruce]

For what is worth, you can manually edit the spacing/padding between the icons by directly editing the relevant sections in the stylesheet.css file:

#dashtodockContainer .overview-icon {
    padding-top:2px;
    padding-bottom:2px;
    padding-right: 1px;
    padding-left: 1px;
}

#dashtodockContainer.icon {
    padding-top:2px;
    padding-bottom:2px;
    padding-right: 1px;
    padding-left: 1px;
}

Taken from a reddit topic addressing this very issue.

Doesn't seem to work no more sadly.