From e97db5b9e2daf1c5540e9c62233f504549707d09 Mon Sep 17 00:00:00 2001
From: Jonathan Cremin <jonathan@crem.in>
Date: Mon, 12 Jan 2015 17:46:58 +0000
Subject: [PATCH] Add matching box around youtube sources

---
 views/head.jsx  | 2 +-
 views/share.jsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/views/head.jsx b/views/head.jsx
index d6b7281..46d13ca 100644
--- a/views/head.jsx
+++ b/views/head.jsx
@@ -22,7 +22,7 @@ module.exports = React.createClass({
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@MatchAudio" />
         <meta name="twitter:title" property="og:title" content={title} />
-        <meta name="twitter:description" property="og:description" content="We've matched this music on Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes so you can open it in the service you use." />
+        <meta name="twitter:description" property="og:description" content="We've matched this music on Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes so you can open it in your favourite service." />
         <meta name="twitter:image:src" property="og:image" content={image} />
         <meta property="og:url" content={shareUrl} />
         <link rel="shortcut icon" href="/images/favicon.png" />
diff --git a/views/share.jsx b/views/share.jsx
index bdc13b8..29ef812 100644
--- a/views/share.jsx
+++ b/views/share.jsx
@@ -65,7 +65,8 @@ var VideoItem = React.createClass({
     if (this.props.item.id) {
       return (
         <div className="col-md-6 col-xs-12">
-          <div className="service">
+          <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>
             <div className="js-video widescreen">
               <iframe width="100%" src={"//www.youtube.com/embed/" + this.props.item.id} frameBorder="0" allowFullScreen></iframe>
             </div>