Merge pull request #3401 from RobLoach/tweaks

[Emscripten] Add design tweaks to the player

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;
 }

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>