From b20c843fa8f20df1c5fc08e3793870c4d764fce0 Mon Sep 17 00:00:00 2001
From: Rob Loach <robloach@gmail.com>
Date: Wed, 17 Aug 2016 15:43:35 -0400
Subject: [PATCH] [Emscripten] Add design tweaks to the player

---
 emscripten/webplayer.css  | 24 +++++++++++++++---------
 emscripten/webplayer.html |  2 +-
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/emscripten/webplayer.css b/emscripten/webplayer.css
index 484943939f..5e842aa825 100644
--- a/emscripten/webplayer.css
+++ b/emscripten/webplayer.css
@@ -3,20 +3,26 @@
  *
  * This provides the basic styling for the RetroArch web player.
  */
+
+/**
+ * The logging textarea.
+ */
 textarea.webplayer {
   font-family: monospace;
   font-size: 0.8em;
 }
 
-h1 {
-  text-align: left;
-}
-div.canvas_border {
-  background-color:gray;
-  width:800px; height:600px;
-  margin-left: auto;
-  margin-right: auto;
+/**
+ * Make sure the background of the player is black.
+ */
+.webplayer-container {
+  background-color: black;
 }
+
+/**
+ * Disable the border around the player.
+ */
 canvas.webplayer {
-  border: 0px none;
+  border: none;
+  outline: none;
 }
diff --git a/emscripten/webplayer.html b/emscripten/webplayer.html
index 5e7858f194..5e4a83705b 100644
--- a/emscripten/webplayer.html
+++ b/emscripten/webplayer.html
@@ -18,7 +18,7 @@
          </ul>
       </div>
    </nav>
-   <div class="bg-inverse">
+   <div class="bg-inverse webplayer-container">
       <div class="container">
          <div class="webplayer_border text-xs-center" id="canvas_div" style="display: none">
             <canvas class="webplayer col-xs-12" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()"></canvas>