From 42b57154f0fc0f6a7ad863e77f8912753784e100 Mon Sep 17 00:00:00 2001
From: eska <eska@eska.me>
Date: Wed, 20 Jan 2016 19:56:27 +0100
Subject: [PATCH] Center status display in web export per flexbox

- Fix mouse button press events not arriving in canvas
- Fix right mouse button click on canvas opening context menu
---
 tools/html_fs/godot.html | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/tools/html_fs/godot.html b/tools/html_fs/godot.html
index 6176fe7afad..c354826e1f0 100644
--- a/tools/html_fs/godot.html
+++ b/tools/html_fs/godot.html
@@ -93,23 +93,15 @@
 			top: 0;
 			right: 0;
 			bottom: 0;
-		}
-
-		#status-table {
-			/* vertical centering per table... */
-			display: table;
-			width: 100%;
-			height: 100%;
-		}
-
-		#status-table-cell {
-			display: table-cell;
-			vertical-align: middle;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			/* don't consume click events - make children visible explicitly */
+			visibility: hidden;
 		}
 
 		#status {
-			/* hidden until explicitly shown in debug mode */
-			visibility: hidden;
+			visibility: visible;
 			padding: 4px 6px;
 		}
 
@@ -184,9 +176,9 @@
 		<canvas id="canvas" width="$GODOT_CANVAS_WIDTH" height="$GODOT_CANVAS_HEIGHT" onclick="canvas.ownerDocument.defaultView.focus();" oncontextmenu="event.preventDefault();">
 			HTML5 canvas appears to be unsupported in the current browser.<br />Please try updating or use a different browser.
 		</canvas>
-		<div id="status-container"><div id="status-table"><div id="status-table-cell">
+		<div id="status-container">
 			<span id="status" class="godot" onclick="this.style.visibility='hidden';">Loading page...</span>
-		</div></div></div>
+		</div>
 		<div id="controls" class="godot">
 			<label id="display-output"><input id="output-toggle" type="checkbox" autocomplete="off" onchange="Presentation.setOutputVisible(this.checked);" />display output</label>
 			<!-- hidden until implemented