From acf780635bf1b0fa202495d3362989127d68b76a Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Thu, 20 Feb 2020 02:53:24 +0100
Subject: [PATCH] Release tile favicon now links to network overview.

---
 assets/components/networks/network.vue |  4 ---
 assets/components/tile/release.vue     | 37 +++++++++++++++++++-------
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/assets/components/networks/network.vue b/assets/components/networks/network.vue
index a93037af..9f51137a 100644
--- a/assets/components/networks/network.vue
+++ b/assets/components/networks/network.vue
@@ -231,10 +231,6 @@ export default {
 .parent {
     display: inline-block;
     height: 3rem;
-
-    :before {
-        content: 'Part of';
-    }
 }
 
 .header {
diff --git a/assets/components/tile/release.vue b/assets/components/tile/release.vue
index 0468284c..abce7551 100644
--- a/assets/components/tile/release.vue
+++ b/assets/components/tile/release.vue
@@ -15,16 +15,27 @@
                     class="favicon"
                 >{{ release.network.name }}</router-link>
 
-                <router-link
+                <span
                     v-else
-                    v-tooltip.bottom="`Part of ${release.network.name}`"
-                    :title="`Part of ${release.network.name}`"
-                    :to="`/site/${release.site.slug}`"
-                    class="site site-link"
-                ><img
-                    :src="`/img/logos/${release.network.slug}/favicon.png`"
-                    class="favicon"
-                >{{ release.site.name }}</router-link>
+                    class="site"
+                >
+                    <router-link
+                        v-tooltip.bottom="`Part of ${release.network.name}`"
+                        :title="`Part of ${release.network.name}`"
+                        :to="`/network/${release.network.slug}`"
+                        class="site-link"
+                    ><img
+                        :src="`/img/logos/${release.network.slug}/favicon.png`"
+                        class="favicon"
+                    ></router-link>
+
+                    <router-link
+                        v-tooltip.bottom="`More from ${release.site.name}`"
+                        :title="`More from ${release.site.name}`"
+                        :to="`/site/${release.site.slug}`"
+                        class="site-link"
+                    >{{ release.site.name }}</router-link>
+                </span>
 
                 <a
                     v-if="release.date"
@@ -201,7 +212,7 @@ export default {
 
 .site,
 .date {
-    color: #fff;
+    color: $text-contrast;
     display: flex;
     align-items: center;
     background: $shadow;
@@ -230,6 +241,12 @@ export default {
     font-weight: bold;
 }
 
+.site-link {
+    display: flex;
+    color: $text-contrast;
+    text-decoration: none;
+}
+
 .info {
     display: flex;
     flex-direction: column;