From 9b6ffcdbb7021cec7d3ae3bb50db9ea1cda54432 Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Fri, 26 Oct 2012 02:28:35 +0100
Subject: [PATCH] Altered layout of mix image

---
 spa/models/Mix.py                 |  2 +-
 static/css/com.podnoms.player.css | 10 +++++++---
 templates/inc/_MixItemInsert.html |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/spa/models/Mix.py b/spa/models/Mix.py
index 1ceb24b..d86aca1 100644
--- a/spa/models/Mix.py
+++ b/spa/models/Mix.py
@@ -81,7 +81,7 @@ class Mix(_BaseModel):
 
     def get_image_url(self):
         try:
-            ret =  get_thumbnail(self.mix_image, '120x120', crop='center')
+            ret =  get_thumbnail(self.mix_image, '160x160', crop='center')
             return "%s/%s" % (settings.MEDIA_URL, ret.name)
         except ThumbnailError:
             social_image = self._get_social_image()
diff --git a/static/css/com.podnoms.player.css b/static/css/com.podnoms.player.css
index 1ab836b..b3302ed 100644
--- a/static/css/com.podnoms.player.css
+++ b/static/css/com.podnoms.player.css
@@ -131,9 +131,11 @@ div.player-body ul.player-controls a {
     margin: 0;
 }
 
-.mix-image-image {
-    display:block;
-    margin:auto;
+img.mix-listing-image {
+    background-color: white;
+    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
+    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
 }
 
 .audio-listing-item {
@@ -158,10 +160,12 @@ div.player-body ul.player-controls a {
     background: url(../img/play.png) no-repeat;
     cursor: pointer;
 }
+
 .play-button-small-loading {
     background: url(../img/mix-loader.gif) no-repeat;
     cursor: wait;
 }
+
 .play-button-small-pause {
     background: url(../img/pause.png) no-repeat;
     cursor: pointer;
diff --git a/templates/inc/_MixItemInsert.html b/templates/inc/_MixItemInsert.html
index 178d712..bbe8f7d 100644
--- a/templates/inc/_MixItemInsert.html
+++ b/templates/inc/_MixItemInsert.html
@@ -2,7 +2,7 @@
 <div class="row well">
     <div class="span2" id="image-span">
         <div id="image">
-            <img style="width: 120px; height: 120px" alt="mix-logo" class="mix-image-image" src="<%= item.mix_image %>"/>
+            <img style="width: 160px; height: 160px" alt="mix-logo" class="mix-listing-image" src="<%= item.mix_image %>"/>
         </div>
     </div>
     <div class="span10" style="padding-left: 32px">