diff --git a/app/views/photos/_photo_browser.html.haml b/app/views/photos/_photo_browser.html.haml index 4bbbdbd..2d4963e 100644 --- a/app/views/photos/_photo_browser.html.haml +++ b/app/views/photos/_photo_browser.html.haml @@ -1,8 +1,8 @@ -#inner_photo_browser{ :style => (request.xhr? ? 'display: none;' : '') } -- if @photos.nil? or @photos.empty? - %h3 None! -- else - - @photos.each_with_index do |photo, index| - %div.photo_browser_box - %a{ :href => url(:photo, photo) } - %img{ :src => photo_url(photo, 100, 100) } +#inner_photo_browser.centered{ :style => (request.xhr? ? 'display: none;' : '') } + - if @photos.nil? or @photos.empty? + %h3 None! + - else + - @photos.each_with_index do |photo, index| + %div.photo_browser_box + %a{ :href => url(:photo, photo) } + %img{ :src => photo_url(photo, 100, 100) } diff --git a/public/stylesheets/ba.css b/public/stylesheets/ba.css index 2752a34..fe7fe06 100644 --- a/public/stylesheets/ba.css +++ b/public/stylesheets/ba.css @@ -151,12 +151,6 @@ h1 img { min-height: 35px; } -#photo_browser { - height: 460px; - margin-top: 15px; - margin-bottom: 15px; -} - .stat_box { width: 105px; float: left; @@ -177,12 +171,24 @@ h1 img { padding: 0px; } +#photo_browser { + height: 420px; + margin-top: 15px; + margin-bottom: 15px; +} + +#inner_photo_browser { + width: 650px; + margin-left: auto; + margin-right: auto; +} + .photo_browser_box { width: 105px; height: 105px; float: left; - margin-left: 20px; - margin-bottom: 10px; + margin-left: auto; + margin-bottom: auto; } .photo_browser_box img {