From 3fd7287135ddb66e4e8ea2b90650256bfd00534b Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <jeremy@usetopscore.com>
Date: Sat, 9 Apr 2016 16:46:31 -0400
Subject: [PATCH] friendlier mobile icons

---
 view/nav/globalItems.php | 12 ++++++------
 web/scss/_basic.scss     |  6 +++++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/view/nav/globalItems.php b/view/nav/globalItems.php
index 405aa62b..60af798c 100644
--- a/view/nav/globalItems.php
+++ b/view/nav/globalItems.php
@@ -8,12 +8,12 @@
     <a href="<?php echo $url ?>" <?php echo $selectedItem === $url ? 'class="nav-active"' : ''?>><?php echo $label ?></a>
   </div>
 <?php endforeach ?>
-<div class="control-item no-label">
-  <a href="//twitter.com/lbryio"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
+<div class="control-item no-label-desktop">
+  <a href="//twitter.com/lbryio"><span class="btn-label">Twitter</span> <span class="icon icon-twitter"></span></a>
 </div>
-<div class="control-item no-label">
-  <a href="//www.facebook.com/lbryio"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a>
+<div class="control-item no-label-desktop">
+  <a href="//www.facebook.com/lbryio"><span class="btn-label">Facebook</span> <span class="icon icon-facebook"></span></a>
 </div>
-<div class="control-item no-label">
-  <a href="//reddit.com/r/lbry"><span class="icon icon-reddit"></span><span class="btn-label">Reddit</span></a>
+<div class="control-item no-label-desktop">
+  <a href="//reddit.com/r/lbry"><span class="btn-label">Reddit</span> <span class="icon icon-reddit"></span> </a>
 </div>
\ No newline at end of file
diff --git a/web/scss/_basic.scss b/web/scss/_basic.scss
index d11cea4a..8921c45a 100644
--- a/web/scss/_basic.scss
+++ b/web/scss/_basic.scss
@@ -92,7 +92,7 @@ a:hover img
   {
     margin-right: 0;
   }
-  &.no-label
+  &.no-label-desktop
   {
     margin-left: 10px;
     margin-right: 10px;
@@ -165,6 +165,10 @@ a:hover img
   {
     display: none;
   }
+  .no-label-desktop .btn-label
+  {
+    @include offscreen();
+  }
 }