I have 2 plugins that add icons and/or text to navigation bar. The icon of the 1st plugin is always shown, while information presented by another plugin is displayed only when Octoprint is connected to the printer. Both plugins use < li >< /li > HTML tags and both have CSS style set to float: left. The 2nd plugin toggles its CSS style display between block and none
The issue I am having is not a bug but rather inconvenience and I just wonder if there is an easy way to address it. So the 1st is Enclosure plugin and the 2nd is Navbar Temperature plugin. When not connected, Enclosure plugin appears next to Settings icon (and that's where I want it to stay), but when connected, Navbar Temperature plugin "jumps" in between and shifts Enclosure plugin icon to the left.
Here is the image of disconnected state
and here is of connected state
I tried to set Enclosure plugin style to float: right, but then, by some reason, it reversed all elements of navigation bar.
So the question is - is there any way to keep Enclosure plugin next to Settings icon at all times?