[BUG] Term of service page is truncated

[gustavi]

Describe the bug

The top of the page https://preview.tabler.io/terms-of-service.html on beta17 (I'm note sure is was working as expected in beta16) is truncated.

Device

• Browser: Firefox 102.7.0esr (64-bit)
• OS: GNU/Linux
• Screen size: 1920x1080

To reproduce

Steps to reproduce the behavior:

1. Go to https://preview.tabler.io/terms-of-service.html
2. See error

Screenshots

[tinyoverflow]

This is because the first div inside the body has the two classes .page and .page-center. The .page-class sets flex-direction: column. Therefore, the justify-content: center property set by the .page-center class now controls the vertical alignment instead. But I don't know why the content is offset only at the top.

Removing the .page-center class solves this issue for this page.

tabler/src/scss/layout/_page.scss

Lines 1 to 10 in 14af3c7

	.page {
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 100%;
	}
	.page-center {
	justify-content: center;
	}

[codecalm]

I've fixed it! :) thank you for help ❤️

demo: https://dev.tabler.io/terms-of-service.html

[keskinonur]

This issue is still ongoing in beta 20.

https://dev.tabler.io/terms-of-service.html