From eef333431ef71be1fa202669779fb38df8664fce Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasong@gmail.com>
Date: Fri, 17 Jul 2015 14:22:17 -0700
Subject: [PATCH] Fixed text editor issues on mobile

---
 sass/_project-sass/_project-Main.scss | 6 ++++++
 views/site_files/text_editor.erb      | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 5d921276..cdf7e87c 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -1960,6 +1960,12 @@ a.tag:hover {
     .filename {
       font-weight: bold;
     }
+    @media (max-device-width:480px), screen and (max-width:800px) {
+      width: 70%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
   }
   .row.content {
     padding: 15px 20px;
diff --git a/views/site_files/text_editor.erb b/views/site_files/text_editor.erb
index 29692ba7..f178ed55 100644
--- a/views/site_files/text_editor.erb
+++ b/views/site_files/text_editor.erb
@@ -75,10 +75,10 @@
         </select>
       </div>
       <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">
+      <span 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>
+      </span>
     <!-- <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>