From 09a51b8265f60fc541e8a6f2e3f195b846b2a5cc Mon Sep 17 00:00:00 2001
From: Michael Blakeley <mike@blakeley.com>
Date: Mon, 19 Jan 2015 10:53:31 -0800
Subject: [PATCH] #328 hide story-footer icon text on narrow screens

---
 app/templates/base.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 597c522e..11afe591 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -194,6 +194,9 @@
 			#feed-list {
 				display: none;
 			}
+			.optional-text {
+				display: none;
+			}
 			#story-list {
 				position: static;
 			}
@@ -672,25 +675,25 @@ <h3 dir="auto"><a ng-href="{{`{{s.Link}}`}}" target="_blank" ng-bind="s.Title"><
 								<li style="vertical-align: middle">
 									<a target="_blank" ng-href="mailto:?subject={{`{{s.Title | encodeURI}}`}}&body={{`{{s.Link | encodeURI}}`}}">
 										<i class="fa fa-envelope"></i>
-										email
+										<span class="optional-text">email</span>
 									</a>
 								</li>
 								<li style="vertical-align: middle">
 									<a target="_blank" ng-href="https://twitter.com/intent/tweet?text={{`{{s.Title | encodeURI}}`}}&url={{`{{s.Link | encodeURI}}`}}&via=GoReadRss">
 										<i class="fa fa-twitter"></i>
-										tweet
+										<span class="optional-text">tweet</span>
 									</a>
 								</li>
 								<li style="vertical-align: middle">
 									<a target="_blank" ng-href="https://plus.google.com/share?url={{`{{s.Link | encodeURI}}`}}">
 										<i class="fa fa-google-plus"></i>
-										google
+										<span class="optional-text">google</span>
 									</a>
 								</li>
 								<li style="vertical-align: middle">
 									<a target="_blank" ng-href="http://www.tumblr.com/share/link?url={{`{{s.Link | encodeURI}}`}}&name={{`{{s.Title | encodeURI}}`}}">
 										<i class="fa fa-tumblr"></i>
-										tumblr
+										<span class="optional-text">tumblr</span>
 									</a>
 								</li>
 								<li style="vertical-align: middle">