Altered layout of mix image

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

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;

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