# HG changeset patch
# User Kim Alvefur <zash@zash.se>
# Date 1690781289 -7200
# Node ID 3a5cf8d80089972adb5c67f9d78fea1ff894e639
# Parent  a44af1b646f534de42f93d140dade17e94bf8dff
mod_http_oauth2: Tweak method of centering the UI

The percentage here was relative to the viewport width, which on some
very wide screens may put the UI slightly outside of the view, requiring
scrolling to see.

By using a unit relative to the height of the viewport, this is avoided
and should work better. But no guarantees, it's still possible to resize
the browser or adjust font sizes so that the UI goes out of view.

diff -r a44af1b646f5 -r 3a5cf8d80089 mod_http_oauth2/html/style.css
--- a/mod_http_oauth2/html/style.css	Mon Jul 31 02:07:58 2023 +0200
+++ b/mod_http_oauth2/html/style.css	Mon Jul 31 07:28:09 2023 +0200
@@ -1,6 +1,5 @@
 body
 {
-	margin-top:14%;
 	text-align:center;
 	background-color:#f8f8f8;
 	font-family:sans-serif
@@ -106,6 +105,9 @@
 
 @media(min-width: 768px)
 {
+	body {
+		margin-top:14vh;
+	}
 	header, main, footer
 	{
 		margin-left: auto;