I'd like to reduce the spacing between the icons in the system tray on the top right, the spacing seems out of place with the rest of the design and it's melting my brain a little. I've hunted on here and google and found a fix which involves changing the 'padding' in the app.css file but it's not working for me. Is the system using a different .css maybe? Does anyone know any other workarounds for this?
2 Answers
Padding doesn't work anymore, for some reason, on Wingpanel 2.2.6. There is however a solution and you can find it here:
https://github.com/mdh34/elementary-indicators/issues/1#issuecomment-546731215
Big thanks to Marcus André (https://github.com/marcussacana) who made this fix.
This method taken from this comment on Github worked for me on 5.1 Hera:
- Create a
~/.config/gtk-3.0/gtk.cssfile - Insert the below contents
/* source: https://github.com/mdh34/elementary-indicators/issues/1 */
.composited-indicator {
padding: 0 2px;
}
- Reboot your system
The other methods above didn't work for me in Hera, as .composited-indicator no longer exists within /usr/share/themes/elementary/gtk-3.0/apps.css. This is probably a better method anyway, because ~/.config user config, and so is less likely to be reverted when Wingpanel or the theme is updated in the future.
