From 01226b03ef4f2561e6ca00b6dc3f4cc3846f3dba Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Wed, 7 Dec 2016 12:20:43 +1300
Subject: [PATCH] Improve text and robustness of marketplaces footer

---
 scripts/system/html/css/marketplaces.css    | 10 ++++++----
 scripts/system/html/js/marketplacesClara.js |  6 +++---
 scripts/system/html/js/marketplacesHiFi.js  |  6 +++---
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/scripts/system/html/css/marketplaces.css b/scripts/system/html/css/marketplaces.css
index 2893f089bd..7660584730 100644
--- a/scripts/system/html/css/marketplaces.css
+++ b/scripts/system/html/css/marketplaces.css
@@ -93,8 +93,8 @@ body {
     */
     font-family: sans-serif;
     font-size: 24px;
-    margin-left: 25px; 
-    margin-right: 5px; 
+    margin-left: 20px; 
+    margin-right: 3px; 
     color: #fff;
     line-height: 50px;
 }
@@ -107,9 +107,11 @@ body {
     top: 1px;
 }
 #marketplace-navigation input {
-    float: right;
-    margin-right: 25px;
+    position: absolute;
+    right: 20px;
     margin-top: 12px;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 @media (max-width:768px) {
diff --git a/scripts/system/html/js/marketplacesClara.js b/scripts/system/html/js/marketplacesClara.js
index 77dbeec812..8540b36a70 100644
--- a/scripts/system/html/js/marketplacesClara.js
+++ b/scripts/system/html/js/marketplacesClara.js
@@ -85,9 +85,9 @@
         $("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: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
+                '#marketplace-navigation .glyph { margin-left: 20px; margin-right: 3px; 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: 25px; margin-top: 12px; }' +
+                '#marketplace-navigation input { position: absolute; right: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px; }' +
             '</style>'
         );
 
@@ -113,7 +113,7 @@
         // Marketplaces footer.
         $("body").append(
             '<div id="marketplace-navigation">' +
-                '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</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 3fa45ccd05..3aba2937c4 100644
--- a/scripts/system/html/js/marketplacesHiFi.js
+++ b/scripts/system/html/js/marketplacesHiFi.js
@@ -17,9 +17,9 @@ $(document).ready(function () {
     $("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: 25px; margin-right: 5px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
+            '#marketplace-navigation .glyph { margin-left: 20px; margin-right: 3px; 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: 25px; margin-top: 12px; }' +
+            '#marketplace-navigation input { position: absolute; right: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px; }' +
         '</style>'
     );
 
@@ -37,7 +37,7 @@ $(document).ready(function () {
     // Marketplaces footer.
     $("body").append(
         '<div id="marketplace-navigation">' +
-            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other markets.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
             '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
         '</div>'
     );