mod_http_oauth2: Tweak method of centering the UI
authorKim Alvefur <zash@zash.se>
Mon, 31 Jul 2023 07:28:09 +0200
changeset 5631 3a5cf8d80089
parent 5630 a44af1b646f5
child 5632 9aace51c3637
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.
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;