Style changes, adjust language on links.

Author: jjeffryes

css/obBase.css

@@ -3661,6 +3661,11 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
   text-decoration: none;
 }
 
+.popMenu-navBar a [class *= "ion-"]:before {
+    /*standardize the icon width*/
+    width: 1em;
+}
+
 .popMenu-navBar hr {
   width: 100%;
   border: 1px solid rgba(255,255,255,0.08);
@@ -4876,8 +4881,8 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
     bottom: -150px;
     right: 0;
     z-index: 1;
-    width: 490px;
-    padding: 38px;
+    width: 398px;
+    padding: 32px;
     opacity: 0;
     background: #141414;
     color: #fff;
@@ -4892,6 +4897,7 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
 
 .socialReminder .socialTitle {
     margin-bottom: 20px;
+    font-size: 16px;
 }
 
 .socialReminder .socialInfoLink {
@@ -4929,8 +4935,8 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
     display: block;
     padding: 10px;
     border-radius: 50%;
-    width: 44px;
-    height: 44px;
+    width: 34px;
+    height: 34px;
     text-align: center;
 }
 
@@ -4939,7 +4945,7 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
 }
 
 .socialReminder .socialIcon:before {
-    line-height: 44px;
+    line-height: 34px;
 }
 
 /*========== utility classes ==========*/

js/languages/en-US.json

@@ -737,11 +737,11 @@
     "explanationLinkText": "<span class='socialInfoLinkInner'>more</span>",
     "explanation": "If you can take a few seconds to post a link to OpenBazaar to social media, you can help OpenBazaar grow. The more buyers and sellers that are active, the stronger the network will be, with a greater variety of better products and services available for purchase.",
     "blurb": "OpenBazaar%20is%20a%20decentralized%2C%20P2P%20Bitcoin%20Marketplace.",
-    "shareTwitter": "Share on Twitter",
-    "shareFacebook": "Share on Facebook",
-    "sharePinterest": "Share on Pinterest",
-    "shareLinkedIn": "Share on LinkedIn",
-    "shareTumblr": "Share on Tumblr",
+    "shareTwitter": "Share OB on Twitter",
+    "shareFacebook": "Share OB on Facebook",
+    "sharePinterest": "Share OB on Pinterest",
+    "shareLinkedIn": "Share OB on LinkedIn",
+    "shareTumblr": "Share OB on Tumblr",
     "reminder": "Help Spread the Word About OpenBazaar"
   },
   "langChangeRestartTitle": "Restart needed for language change",

js/templates/pageNav.html

@@ -74,23 +74,23 @@
     <% var shareURL = "https%3A%2F%2Fopenbazaar.org" %>
     <a href="https://twitter.com/intent/tweet/?text=<%= polyglot.t('socialReminder.blurb') %>&url=<%= shareURL %>&hashtags=OpenBazaar&related=openbazaar%3AOpenBazaar,News%20about%20OpenBazaar">
       <span class="ion-social-twitter fontSize11 marginRight2 textOpacity1"></span>
-      Twitter
+      <%= polyglot.t('socialReminder.shareTwitter') %>
     </a>
     <a href="https://www.facebook.com/sharer/sharer.php?u=<%= shareURL %>">
       <span class="ion-social-facebook fontSize11 marginRight2 textOpacity1"></span>
-      Facebook
+      <%= polyglot.t('socialReminder.shareFacebook') %>
     </a>
     <a href=http://pinterest.com/pin/create/button/?url=<%= shareURL %>&description=<%= polyglot.t('socialReminder.blurb') %>">
       <span class="ion-social-pinterest fontSize11 marginRight2 textOpacity1"></span>
-      Pinterest
+      <%= polyglot.t('socialReminder.sharePinterest') %>
     </a>
     <a href="https://www.linkedin.com/shareArticle?mini=true&url=<%= shareURL %>&title=<%= polyglot.t('socialReminder.title') %>&summary=<%= polyglot.t('socialReminder.blurb') %>&source=OpenBazaar">
       <span class="ion-social-linkedin fontSize11 marginRight2 textOpacity1"></span>
-      LinkedIn
+      <%= polyglot.t('socialReminder.shareLinkedIn') %>
     </a>
     <a href="http://www.tumblr.com/share/link?url=<%= shareURL %>&name=OpenBazaar&description=<%= polyglot.t('socialReminder.blurb') %>">
       <span class="ion-social-tumblr fontSize11 marginRight2 textOpacity1"></span>
-      Tumblr
+      <%= polyglot.t('socialReminder.shareTumblr') %>
     </a>
   </div>