From bdbab5be9e65ce52ef1560008c6eb829c51ff8ee Mon Sep 17 00:00:00 2001
From: Felix Albrigtsen <felixalbrigtsen@gmail.com>
Date: Tue, 28 Sep 2021 00:48:27 +0200
Subject: [PATCH] Mobile friendly styling

---
 www/css/style.css        | 8 ++++++++
 www/paamelding/index.php | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index 33f2541..7cf7d71 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -163,6 +163,11 @@ nav #usermenu li:first-child:hover {
 .doorIndicator_CLOSED { border: 2px dotted red; }
 .doorStateMobileOnly { display: none; }
 
+#mazeMapper {
+	width: 90%;
+	height: 60vh;
+}
+
 @media(max-width: 800px){
 	nav #menu, nav #menu li.active, nav #menu_toggle, nav #login {
 		position: absolute;
@@ -239,6 +244,9 @@ nav #usermenu li:first-child:hover {
 	.doorStateMobileOnly {
 		display: inline;
 	}
+	#mazeMapper {
+		width: 100%;
+	}
 }
 
 body {
diff --git a/www/paamelding/index.php b/www/paamelding/index.php
index 58bed6d..e4e43d3 100644
--- a/www/paamelding/index.php
+++ b/www/paamelding/index.php
@@ -31,7 +31,7 @@ if (isset($_GET['code'])) {
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 <link rel="shortcut icon" href="favicon.ico">
 <link rel="stylesheet" href="../css/normalize.css">
-<link rel="stylesheet" href="../css/style.css">
+<link rel="stylesheet" href="../css/style.css?ver=2">
 <link rel="stylesheet" href="../css/nav.css">
 <meta name="theme-color" content="#024" />
 <title>Registreringsverkstedet</title>
@@ -74,7 +74,7 @@ if (isset($_GET['code'])) {
 			For å aktivere din brukerkonto på PVV, må du alikevell møte opp på
 			lokalene våre slik at vi kan få satt ditt passord.
 		</p>
-		<iframe width="600" height="420" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://use.mazemap.com/embed.html#v=1&zlevel=2&center=10.406194,63.417143&zoom=18&campusid=1&sharepoitype=poi&sharepoi=38159&utm_medium=iframe" style="border: 1px solid grey" allow="geolocation"></iframe><br/>
+		<iframe id="mazeMapper" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://use.mazemap.com/embed.html#v=1&zlevel=2&center=10.406194,63.417143&zoom=18&campusid=1&sharepoitype=poi&sharepoi=38159&utm_medium=iframe" style="border: 1px solid grey" allow="geolocation"></iframe><br/>
 	
 		<?php if($attrs) { //logged in with pvv account?>
 			<p>