Octoprint Web UI Infertace - Icons misaligned after update to 1.4.2 on Google Chrome

[Gabriel_Perdigao]

What is the problem?

Right after update to 1.4.2 My Web UI seems to be a messy, icons are not aligned, some icons are super big and do not follow the correct pattern.

What did you already try to solve it?

1)I have used at least 5 different laptops, all I have the same problem on Google Chrome.
2) Tried to cleaning up cache, cookies and browsing history
3) Fresh install for google chrome, same issue.

Using firefox, I can not see the same issue, everything goes fine.

Complete Logs

octoprint.log, serial.log or output on terminal tab at a minimum, browser error console if UI issue ... no logs, no support! Not log excerpts, complete logs.)

WRITE HERE

Additional information about your setup

OctoPrint version, OctoPi version, printer, firmware, browser, operating system, ... as much data as possible

[Charlie_Powell]

@Gabriel_Perdigao

octoprint.log , serial.log or output on terminal tab at a minimum , browser error console if UI issue ... no logs, no support! Not log excerpts, complete logs.)

Would you be able to take a look at the error console, it's unlikely since everything's there but may provide insight.

Have you restarted OctoPrint? Just a thought as it does some server side caching which may be interfering with the clearing of browser cache.

[Ewald_Ikemann]

You also may try safe mode.

[theone]

I have the same problem.
Fisrt time OctoPrint user. Using version 1.4.2 on windows PC (server).

Browsing from Chrome got the same problem (right)
Browsing from Internet Explorer no problem (left)

See file command buttons and temperature area as some examples.

[Ewald_Ikemann]

Hello @theone!
I like to point at @Charlie_Powell's post:

@Charlie_Powell

@Gabriel_Perdigao

octoprint.log , serial.log or output on terminal tab at a minimum , browser error console if UI issue ... no logs, no support! Not log excerpts, complete logs.)

Would you be able to take a look at the error console, it's unlikely since everything's there but may provide insight.

Have you restarted OctoPrint? Just a thought as it does some server side caching which may be interfering with the clearing of browser cache.

... and also I like you to try safemode.

[theone]

Did a new clean install on RaspberryPi
Updated to 1.4.2 (was also a problem before the upgrade)
still having the same problem

Chrome console output on F5 (refresh) web page

log file
octoprint.log (21.5 KB)

Tried SAFEMODE same bad result

opened in EDGE browse and it look fine as it should

[theone]

Solved

It was Aliexpress Assitant extension.
It did the inject.js.

I disabled all extensions and turned them on 1-by-1 until I found the culprit.

[Ewald_Ikemann]

@theone

Aliexpress Assitant extension

That's an OctoPrint plugin?

[Charlie_Powell]

Probably a chrome plugin, that was doing creating something annoying & conflicting in the Bootstrap styling.

[theone]

Yes Chrome plugin