wlr/taskbar icons are not in line when the bar is on the side of the screen
The icons from the task bar are not on the same line when waybar is on the right @
I'm not 100% sure what you mean with "on the same line", but I'd say the icons are centered, which I don't find entirely unexpected for a vertical layout.
I think the issue here is that the VSCode icon has some transparency on the outside or isn't scaled in the same fashion. It might be easier to see with a border for visualisation, like this:
#taskbar image {
border: 1px solid #ffffff;
}
I don't have any further suggestions though, from themes to .desktop files to icons there are a lot of possible environmental reasons. I'd probably try to find out which icons are actually used. Debug log might help, but probably not too much.
Sorry for the confusion. What I would like to happen is that the icons should be horizontal to the title not vertical from it.
The image shows arrows showing where I would like the icons to be
Ah, that makes sense. :)
https://github.com/Alexays/Waybar/blob/79d3a1a2962cdad1ad02195916790ae1e63122c6/src/modules/wlr/taskbar.cpp#L280
Task initalises content with the bar orientation. content has child controls for the text before the icon, text after the icon, and the icon itself. As far as I can tell, as it is right now, it can't be done.
Somebody would have to change that, perhaps providing an orientation option like the group or slider modules.