From 3c08f91d8e82a2b45ddbb55550d8591b62d41ac3 Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasong@gmail.com>
Date: Fri, 17 Jul 2015 12:35:11 -0700
Subject: [PATCH] Text editor - hide view/share buttons on mobile so filename
 has more room

---
 views/site_files/text_editor.erb | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/views/site_files/text_editor.erb b/views/site_files/text_editor.erb
index 1f122b85..29692ba7 100644
--- a/views/site_files/text_editor.erb
+++ b/views/site_files/text_editor.erb
@@ -74,9 +74,11 @@
           </optgroup>
         </select>
       </div>
-      <a id="saveButton" class="btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><i class="fa fa-save"></i>Save</a>
-      <a class="btn-Action" href="<%= current_site.uri %>/<%= @filename %>" target="_blank">View</a>
-      <a href="#" id="shareButton" class="btn-Action" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<%== erb :'_share', layout: false, locals: {site: current_site, page_uri: "#{current_site.uri}/#{@filename}"} %>'>Share</a>
+      <a id="saveButton" class="btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><span class="hide-on-mobile"><i class="fa fa-save"></i></span>Save</a>
+      <div class="hide-on-mobile">
+        <a class="btn-Action" href="<%= current_site.uri %>/<%= @filename %>" target="_blank">View</a>
+        <a href="#" id="shareButton" class="btn-Action" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<%== erb :'_share', layout: false, locals: {site: current_site, page_uri: "#{current_site.uri}/#{@filename}"} %>'>Share</a>
+      </div>
     <!-- <a id="saveAndExitButton" class="btn-Action" href="#" onclick="saveTextFile(true); return false" style="opacity: 0.5"><i class="fa fa-save"></i>&nbsp;&nbsp;Save and Exit</a> -->
       <div id="editorUpdates" class="tooltip fade bottom in hidden" style="top: 90px;right: 12.5em;">
         <div class="tooltip-arrow"></div>