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|
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