From 2db0b4dc59e296df90b7b106a118f165dc0b1d5c Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Mon, 5 Dec 2016 17:48:20 +1300
Subject: [PATCH] Fix navigation bar and opaqueness of Web page

---
 scripts/system/html/css/marketplaces.css    | 5 +++--
 scripts/system/html/js/marketplacesClara.js | 8 ++++----
 scripts/system/html/js/marketplacesHiFi.js  | 8 ++++----
 scripts/system/libraries/WebTablet.js       | 1 +
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/scripts/system/html/css/marketplaces.css b/scripts/system/html/css/marketplaces.css
index 0afec21919..2893f089bd 100644
--- a/scripts/system/html/css/marketplaces.css
+++ b/scripts/system/html/css/marketplaces.css
@@ -93,7 +93,8 @@ body {
     */
     font-family: sans-serif;
     font-size: 24px;
-    margin-left: 30px; margin-right: 8px; 
+    margin-left: 25px; 
+    margin-right: 5px; 
     color: #fff;
     line-height: 50px;
 }
@@ -107,7 +108,7 @@ body {
 }
 #marketplace-navigation input {
     float: right;
-    margin-right: 50px;
+    margin-right: 25px;
     margin-top: 12px;
 }
 
diff --git a/scripts/system/html/js/marketplacesClara.js b/scripts/system/html/js/marketplacesClara.js
index 2185544769..6ab9b860d9 100644
--- a/scripts/system/html/js/marketplacesClara.js
+++ b/scripts/system/html/js/marketplacesClara.js
@@ -16,9 +16,9 @@ function onLoad() {
     $("head").append(
         '<style>' +
             '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
-            '#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
+            '#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
             '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
-            '#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' +
+            '#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' +
         '</style>'
     );
 
@@ -26,7 +26,7 @@ function onLoad() {
     // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
+            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 100px; padding: 0 15px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
             'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
             'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
             'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@@ -44,7 +44,7 @@ function onLoad() {
     // Marketplaces footer.
     $("body").append(
         '<div id="marketplace-navigation">' +
-            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
             '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
         '</div>'
     );
diff --git a/scripts/system/html/js/marketplacesHiFi.js b/scripts/system/html/js/marketplacesHiFi.js
index 0bfa0fc706..562d20f584 100644
--- a/scripts/system/html/js/marketplacesHiFi.js
+++ b/scripts/system/html/js/marketplacesHiFi.js
@@ -16,9 +16,9 @@ function onLoad() {
     $("head").append(
         '<style>' +
             '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
-            '#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
+            '#marketplace-navigation .glyph { margin-left: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
             '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
-            '#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' +
+            '#marketplace-navigation input { float: right; margin-right: 25px; margin-top: 12px; }' +
         '</style>'
     );
 
@@ -26,7 +26,7 @@ function onLoad() {
     // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
+            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 100px; padding: 0 15px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
             'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
             'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
             'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@@ -36,7 +36,7 @@ function onLoad() {
     // Marketplaces footer.
     $("body").append(
         '<div id="marketplace-navigation">' +
-            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
             '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
         '</div>'
     );
diff --git a/scripts/system/libraries/WebTablet.js b/scripts/system/libraries/WebTablet.js
index 9164551b0d..60a9208394 100644
--- a/scripts/system/libraries/WebTablet.js
+++ b/scripts/system/libraries/WebTablet.js
@@ -86,6 +86,7 @@ WebTablet = function (url, width, dpi, location, clientOnly) {
         resolution: { x: 480, y: 640 },
         dpi: DPI,
         color: { red: 255, green: 255, blue: 255 },
+        alpha: 1.0,
         parentID: this.tabletEntityID,
         parentJointIndex: -1
     });