pretty quantities on hangers index

app/stylesheets/closet_hangers/_index.sass

@@ -13,3 +13,13 @@ body.closet_hangers-index
     clear: both
     text-align: center
 
+    .object .quantity
+      +opacity(.75)
+      background: white
+      font-size: 16px
+      font-weight: bold
+      padding: 2px 4px
+      position: absolute
+      left: ($object-width - $object-img-size) / 2 + $object-padding
+      top: $object-img-size - 24px
+

app/views/closet_hangers/_closet_hanger.html.haml

@@ -1,6 +1,4 @@
 .object
   = render :partial => 'items/item_link', :locals => {:item => closet_hanger.item}
-  %span.quantity
-    = surround '(', ')' do
-      = closet_hanger.quantity
+  %span.quantity{:title => "You own #{pluralize closet_hanger.quantity, closet_hanger.item.name}"}= closet_hanger.quantity
 

public/stylesheets/compiled/screen.css

@@ -596,6 +596,20 @@ body.closet_hangers-index #closet-hangers {
   clear: both;
   text-align: center;
 }
+/* line 16, ../../../app/stylesheets/closet_hangers/_index.sass */
+body.closet_hangers-index #closet-hangers .object .quantity {
+  -moz-opacity: 0.75;
+  -webkit-opacity: 0.75;
+  -o-opacity: 0.75;
+  -khtml-opacity: 0.75;
+  background: white;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 2px 4px;
+  position: absolute;
+  left: 16px;
+  top: 56px;
+}
 
 /* line 3, ../../../app/stylesheets/closet_pages/_new.sass */
 body.closet_pages-new #closet-page-form, body.closet_pages-create #closet-page-form {