UI Consistency Issue.

[Panha-Sim]

🐞 bug report

✍️ Description

This is more of a UI consistency issue. The Fullscreen icon of mobile view is all the way over to the right where as the Fullscreen toggle for the Ipad and laptop is in correct position.

🕵🏼‍♂️ Is this a regression?

I don't know.

🔬 Minimal Reproduction

Add a mobile device in the device manager

🌍 Your Environment

App Version: 1.15.0
Electron Version: 27.0.4
Chrome Version: 118.0.5993.129
Node.js Version: 18.17.1
V8 Version: 11.8.172.17-electron.0
OS: Windows_NT x64 10.0.22631

🔥 Exception or Error or Screenshot

[SwastikaPradhan]

/assign

[violetadev]

Hi, please start working on it, no need to assign the issue.

[happymvp]

I'm going to work on this one. In case I'll fail for some reasons I'll update here, till then please don't do double job =)

[happymvp]

🐞 bug report

✍️ Description

This is more of a UI consistency issue. The Fullscreen icon of mobile view is all the way over to the right where as the Fullscreen toggle for the Ipad and laptop is in correct position.

🕵🏼‍♂️ Is this a regression?

I don't know.

🔬 Minimal Reproduction

Add a mobile device in the device manager

🌍 Your Environment

App Version: 1.15.0
Electron Version: 27.0.4
Chrome Version: 118.0.5993.129
Node.js Version: 18.17.1
V8 Version: 11.8.172.17-electron.0
OS: Windows_NT x64 10.0.22631

🔥 Exception or Error or Screenshot

Could you check please what is your zoom % ?

[happymvp]

My guess is:

On your screenshot you had zoomed out a browser, that leaded to downscaling of web view. So web view became smaller than toolbar.

But static size of toolbar is expected behaviour. As you can see it is applicable to any device, not just mobile.

@violetadev @Panha-Sim @manojVivek @esprush I propose to implement UI widget to visualise user's browser size.
(https://drive.google.com/file/d/1O3GuzNxsQ2-EsEZcW3KduNYM4jUcRRrB/view?usp=sharing) - example recording

[violetadev]

@happymvp sounds good, go ahead!