Too much padding spacing between Icons

Question

Too much padding spacing between Icons

Opened this issue 6 years ago · 7 comments

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!

Answer 1 · 2019-06-08T11:08:11.000Z

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

Answer 2 · 2019-07-10T19:23:12.000Z

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

Answer 3 · 2019-10-08T12:16:43.000Z

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

Answer 4 · 2019-11-27T16:18:10.000Z

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.

Answer 5 · 2020-08-16T14:44:54.000Z

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.

Answer 6 · 2021-10-19T11:10:03.000Z

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

Answer 7 · 2021-10-19T11:11:10.000Z

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.