From 3abb78edd2cb5c19821cc4a00dfae25924ae87e5 Mon Sep 17 00:00:00 2001
From: "R. Belmont" <rb6502@users.noreply.github.com>
Date: Fri, 20 Sep 2013 03:20:28 +0000
Subject: [PATCH] web: Fix rendering issues on WebKit-based phones in portrait
 mode, added pause/unpause toggle. [Firehawke]

---
 src/emu/webengine.c | 7 +++++++
 web/commands.html   | 1 +
 web/index.html      | 4 ++--
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/emu/webengine.c b/src/emu/webengine.c
index 67cc254ac7e..3e5e7bc8355 100644
--- a/src/emu/webengine.c
+++ b/src/emu/webengine.c
@@ -182,6 +182,13 @@ int web_engine::begin_request_handler(struct mg_connection *conn)
 		{
 			m_machine->schedule_exit();
 		}
+		else if(!strcmp(cmd_name,"togglepause"))
+		{
+			if (m_machine->paused())
+				m_machine->resume();
+		else
+				m_machine->pause();
+		}
 
 		// Send HTTP reply to the client
 		mg_printf(conn,
diff --git a/web/commands.html b/web/commands.html
index 1a38f257688..53fb2a3f7fe 100644
--- a/web/commands.html
+++ b/web/commands.html
@@ -1,3 +1,4 @@
+<a href="javascript:executeCommands('togglepause');" data-role="button">Toggle Pause</a>
 <a href="javascript:executeCommands('softreset');" data-role="button">Soft reset</a>
 <a href="javascript:executeCommands('hardreset');" data-role="button">Hard reset</a>
 <a href="javascript:executeCommands('exit');" data-role="button">Exit</a>
diff --git a/web/index.html b/web/index.html
index b4ff6e7d4c2..f315485b1ef 100644
--- a/web/index.html
+++ b/web/index.html
@@ -123,8 +123,8 @@
 <!-- Home -->
 <div data-role="page" id="page1">
     <div data-theme="a" data-role="header">
-        <div style="width: 320px; height: 120px; position: relative;">
-            <img src="images/logo-mame-small.png" alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: 0px; margin-top: -50px">
+        <div style="width: 100%; height: 120px; position: relative;">
+			<img src="images/logo-mame-small.png" alt="image" style="position: absolute; top: 50%; left: 50%; margin-left: -158px; margin-top: -50px">
         </div>
         <a data-role="button" href="#page1" data-icon="home" data-iconpos="left" class="ui-btn-right">Home </a>
         <div data-role="navbar" data-iconpos="top">