From 77775bc753cc9c8404d1f8a83bf69f54c336bfa7 Mon Sep 17 00:00:00 2001
From: Coleman <penguincoder@gmail.com>
Date: Sat, 11 Oct 2008 18:05:47 -0500
Subject: [PATCH] change photo browser styling so better fit in a smaller space
 and tweak the styling to actually use the effect transitions

---
 app/views/photos/_photo_browser.html.haml | 16 ++++++++--------
 public/stylesheets/ba.css                 | 22 ++++++++++++++--------
 2 files changed, 22 insertions(+), 16 deletions(-)

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 {