From 6e5f0958ed65fb6a78b8ce5103daed227dbc1b04 Mon Sep 17 00:00:00 2001
From: cracker0dks <rofl256@gmail.com>
Date: Tue, 18 Feb 2020 18:39:52 +0100
Subject: [PATCH] fix width/height on mobile devs

---
 public/index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/public/index.html b/public/index.html
index ea4eb6f..324617e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,8 @@
 <head>
 	<title>Whiteboard</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=0.41, maximum-scale=1" />
+
 	<!--- JS References -!-->
 	<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
 	<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
@@ -21,9 +23,9 @@
 
 </head>
 
-<body style="position: relative; margin: 0px; height: 100vh; width: 100%; overflow: hidden;">
+<body style="position: relative; margin: 0px; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;  overflow: hidden;">
 	<!---Whiteboard container -!-->
-	<div style="height: 100vh; width: 100%;" id="whiteboardContainer"></div>
+	<div style="height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 100%;" id="whiteboardContainer"></div>
 
 	<!---Toolbar -!-->
 	<div id="toolbar" style="position: absolute; top: 10px; left: 10px;">
