From f9d09284d677a6de5a4eee724aa46dcdcd8d9375 Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@gmail.com>
Date: Sun, 13 Apr 2014 20:47:50 -0400
Subject: [PATCH] CSS update for small screens

fixes a padding-left issue where the file list was bumping up against the left edge of the browser window on small screen sizes.

Also swapped out style="float: right" for the class "float-Right" on the right column menu icons.
---
 views/dashboard.slim | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/views/dashboard.slim b/views/dashboard.slim
index fda2f06d..60521eda 100644
--- a/views/dashboard.slim
+++ b/views/dashboard.slim
@@ -18,19 +18,19 @@ javascript:
 .content-Base
   .row.content
     .col.col-60
-  
+
       h1 Your Website
       p These are the files on your site. <strong>index.html</strong> is the main page, it is the first page loaded when users visit your site. <strong>not_found.html</strong> is the page users see when they try to access a file on the site that's not there (it is also commonly referred to as the 404 page).
       - current_site.file_list.each do |file|
         hr style="margin: 12px 0px"
         .row style="margin-bottom: 0px" id="files"
-          .col
+          .col style="padding-left: 20px;"
             a href="http://#{current_site.username}.neocities.org/#{file.filename}" title="View #{file.filename}" target="_blank"
               - if file.ext.match(/jpg|png|bmp|gif/)
                 i class="icon-picture icon": span style="margin-left: 5px" #{file.filename}
               - else
                 i class="icon-file-alt icon": span style="margin-left: 10px;" #{file.filename}
-            span style="float: right"
+            span class="float-Right"
               - if file.ext.match(/html|htm|txt|js|css|md/)
                 a href="/site_files/text_editor/#{file.filename}" : i class="icon-edit" style="margin-right: 10px" title="Edit"
               - else
@@ -46,7 +46,7 @@ javascript:
 
 
     .col.col-40
-    
+
       div.txt-Center.dash-SS
         a href="http://#{current_site.username}.neocities.org" style="display:block" target="_blank": img src="/site_screenshots/#{current_site.username}.jpg" alt="screen shot"
         br
@@ -55,22 +55,22 @@ javascript:
         p: small
           |
             (access statistics updated hourly)
-      
+
       .progress.progress-info.progress-striped
         .bar style="width: #{(current_site.total_space / Site::MAX_SPACE.to_f) * 100}%"
 
       h4.base.txt-Center
         p Using #{((current_site.total_space.to_f / Site::MAX_SPACE) * 100).round(1)}% (#{current_site.total_space_in_megabytes}MB) of your #{(Site::MAX_SPACE.to_f / 2**20).to_i}MB of free space.
-      
+
       div.txt-Center
         a href="/site_files/upload" class="btn-Action" style="margin-bottom:10px" Upload New Files
         br
         a href="/site_files/new_page" class="btn-Action" style="margin-bottom:10px" Create New HTML Page
         br
         a href="/site_files/#{current_site.username}.zip" class="btn-Action" Download Entire Site
-        
+
       hr
-      
+        
       div
         <i class="icon-question-sign icon-3x"></i>&nbsp;&nbsp; <span style="font-size: 20pt">Need to learn web design?</span>
         br
@@ -83,7 +83,7 @@ javascript:
   form method="POST" action="/site_files/delete" id="deleteFilenameForm"
     input name="csrf_token" type="hidden" value="#{csrf_token}"
     input type="hidden" id="deleteFilenameInput" name="filename"
-  
+
   .modal.hide.fade id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true"
     .modal-header
       button.close type="button" data-dismiss="modal" aria-hidden="true" x