From 0c48d65345089df38b3bf02ac052e23f54fed241 Mon Sep 17 00:00:00 2001
From: Nick Niles <nick@voicerepublic.com>
Date: Fri, 17 Mar 2017 06:56:27 +0100
Subject: [PATCH 1/4] add styling for disabled play button

---
 app/assets/stylesheets/embed.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss
index 5c2435785..24a58d3b5 100644
--- a/app/assets/stylesheets/embed.scss
+++ b/app/assets/stylesheets/embed.scss
@@ -422,6 +422,8 @@ white-space: nowrap;
     -webkit-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
+
+
 }
 
 .jp-controls a {
@@ -453,6 +455,17 @@ white-space: nowrap;
     color: white;
 }
 
+.jp-controls {
+    &.disabled {
+        cursor: not-allowed;
+        opacity: .4;
+        a {
+            // @include button-disabled;
+            pointer-events: none;
+        }
+    }
+}
+
 .jp-state-playing .jp-controls a {
     background: $vr-red;
 }

From efe5edecf78432a3668123072939a1c552f8d401 Mon Sep 17 00:00:00 2001
From: Nick Niles <nick@voicerepublic.com>
Date: Fri, 17 Mar 2017 07:03:29 +0100
Subject: [PATCH 2/4] center pin button on firefox

---
 app/assets/stylesheets/embed.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss
index 24a58d3b5..75b1a7560 100644
--- a/app/assets/stylesheets/embed.scss
+++ b/app/assets/stylesheets/embed.scss
@@ -686,6 +686,10 @@ a.action-btn svg {
     background: $dark-gray;
 }
 
+.pinboard button svg {
+    margin: 0 auto;
+}
+
 .replay-btn {
     display: -webkit-flex;
     display: -ms-flexbox;

From 0ed551995614be39ee9dc8a130dc3e547d2e2d3e Mon Sep 17 00:00:00 2001
From: Nick Niles <nick@voicerepublic.com>
Date: Fri, 17 Mar 2017 07:07:04 +0100
Subject: [PATCH 3/4] push image forward so it doesn't get covered on smaller
 sizes, thus can be clickable

---
 app/assets/stylesheets/embed.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss
index 75b1a7560..ab3f1b45f 100644
--- a/app/assets/stylesheets/embed.scss
+++ b/app/assets/stylesheets/embed.scss
@@ -51,6 +51,7 @@ $dark-gray: #3d404d;
     max-width: 116px;
     max-height: 116px;
     background: $vr-yellow;
+    z-index: 999;
 }
 
 .xs .image-box, .xs .live-badge{

From b60116066373e205d1335cc8dfe290e5272f5376 Mon Sep 17 00:00:00 2001
From: Nick Niles <nick@voicerepublic.com>
Date: Fri, 17 Mar 2017 07:20:44 +0100
Subject: [PATCH 4/4] remove first slash before date on xs and smaller screen
 sizes

---
 app/assets/stylesheets/embed.scss  | 9 ++++++++-
 lib/vrng/src/vrng/embeds/core.cljs | 3 ++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/embed.scss b/app/assets/stylesheets/embed.scss
index ab3f1b45f..ecb3844bf 100644
--- a/app/assets/stylesheets/embed.scss
+++ b/app/assets/stylesheets/embed.scss
@@ -191,7 +191,8 @@ h4.title:hover {
     max-width: 100%;
     overflow: hidden;
     color: $vr-blue;
-white-space: nowrap;
+    white-space: nowrap;
+    line-height: 1;
     a {
     color: $vr-blue;
 }
@@ -259,6 +260,12 @@ white-space: nowrap;
     line-height: 21px;
 }
 
+
+.xs .first-slash, .tiny .first-slash {
+    display: none;
+    visibility: hidden;
+}
+
 .small .info-box {
     height: 56px;
     max-height: 56px;
diff --git a/lib/vrng/src/vrng/embeds/core.cljs b/lib/vrng/src/vrng/embeds/core.cljs
index 4776d6c2a..0532447bf 100644
--- a/lib/vrng/src/vrng/embeds/core.cljs
+++ b/lib/vrng/src/vrng/embeds/core.cljs
@@ -331,7 +331,8 @@
         [:span (get-in (talk) [:venue :user :name])]]
        (if (in-talk-state "archived")
          [:span
-          [:span.date.sm-up " / " (relative-time)]
+          [:span.date 
+           [:span.first-slash " / "] (relative-time)]
           [:span.play-count.sm-up " / " (humanreadable-plays) " Plays"]])]]
      [:div.branding-box
       [:a {:href (:url (talk)) :target "_blank"}