Padding in window.

[mekb-turtle]

Describe the bug: There is padding in the window, this might be the scrollbar.

Also when I scroll down, the menubar goes, and there is even more of a gap at the bottom of the window.

Platform:

• Browser: Chrome
• Browser Version: 77.0.3865.90 (Official Build) (64-bit)

[Sneezry]

Did you scale the popup page? You can find scale settings from menu->popup page->scale

[mekb-turtle]

@Sneezry Yes, I have it at 125% which is the problem. So can you please fix it. At all the other scales this padding doesn't appear.

[Sneezry]

We use CSS scale to scale the UI roughly. However, it worked really well in the past. I have no idea if it's a CSS bug on Chrome. I will try to fix this issue in the next a few days.

[dhulwells]

Can I take a crack at this?

[mymindstorm]

@dhulwells go right ahead! Relevant file is sass/popup.scss

[mymindstorm]

and this function

Authenticator/src/store/Menu.ts

Lines 43 to 49 in 7b9d952

	private resize(zoom: number) {
	if (zoom !== 100) {
	document.body.style.marginBottom = 480 * (zoom / 100 - 1) + "px";
	document.body.style.marginRight = 320 * (zoom / 100 - 1) + "px";
	document.body.style.transform = "scale(" + zoom / 100 + ")";
	}
	}

[mekb-turtle]

I've changed the select tag values and the gap starts to appear at 112%.