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.
This commit is contained in:
Scott O'Hara 2014-04-13 20:47:50 -04:00
parent 212f1e5479
commit f9d09284d6

View file

@ -24,13 +24,13 @@ javascript:
- current_site.file_list.each do |file| - current_site.file_list.each do |file|
hr style="margin: 12px 0px" hr style="margin: 12px 0px"
.row style="margin-bottom: 0px" id="files" .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" a href="http://#{current_site.username}.neocities.org/#{file.filename}" title="View #{file.filename}" target="_blank"
- if file.ext.match(/jpg|png|bmp|gif/) - if file.ext.match(/jpg|png|bmp|gif/)
i class="icon-picture icon": span style="margin-left: 5px" #{file.filename} i class="icon-picture icon": span style="margin-left: 5px" #{file.filename}
- else - else
i class="icon-file-alt icon": span style="margin-left: 10px;" #{file.filename} 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/) - 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" a href="/site_files/text_editor/#{file.filename}" : i class="icon-edit" style="margin-right: 10px" title="Edit"
- else - else