From f605e726993be566dbe550c3b0b29f5cce0c9e80 Mon Sep 17 00:00:00 2001
From: Jonathan Cremin <jonathan@crem.in>
Date: Tue, 13 Jan 2015 11:54:00 +0000
Subject: [PATCH] Centre youtube artwork

---
 public/stylesheets/style.css | 4 ++++
 views/home.jsx               | 2 +-
 views/share.jsx              | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 3ef0f51..58a44ad 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -157,6 +157,10 @@ h3 {
   background-size: cover;
   border-radius: 5px;
 }
+.artwork-youtube {
+  background-position: 50% 0%;
+}
+
 .not-found {
   opacity: 0.2;
 }
diff --git a/views/home.jsx b/views/home.jsx
index e66e85c..8673665 100644
--- a/views/home.jsx
+++ b/views/home.jsx
@@ -33,7 +33,7 @@ var RecentItem = React.createClass({
     return (
       <div className="col-sm-4 col-xs-6">
         <Link to="share" params={this.props.item}>
-          <div className="artwork" style={{backgroundImage: "url("+this.props.item.artwork.small+")"}}></div>
+          <div className={this.props.item.service == "youtube" ? "artwork-youtube artwork" : "artwork"} style={{backgroundImage: "url("+this.props.item.artwork.small+")"}}></div>
         </Link>
       </div>
     );
diff --git a/views/share.jsx b/views/share.jsx
index 3cfb856..a1c2413 100644
--- a/views/share.jsx
+++ b/views/share.jsx
@@ -44,7 +44,7 @@ var MusicItem = React.createClass({
           <div className={"service" + (this.props.inc == 0 ? " source-service" : "")}>
             <div className="matching-from hidden-xs">{this.props.inc == 0 ? "Found matches using this link": ""}</div>
             <a href={this.props.item.streamUrl || this.props.item.purchaseUrl}>
-              <div className="artwork" style={{backgroundImage: "url("+this.props.item.artwork.small+")"}}>
+              <div className={this.props.item.service == "youtube" ? "artwork-youtube artwork" : "artwork"} style={{backgroundImage: "url("+this.props.item.artwork.small+")"}}>
               </div>
               <div className={this.props.item.service == "youtube" && this.props.inc > 0 ? "youtube" : ""}>
                 {this.props.item.service == "youtube" && this.props.inc > 0 ? this.props.item.name : ""}