From f6629c0dc759ee3177f2031cb07eb0a3631d1dcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@posteo.net>
Date: Wed, 13 Mar 2019 09:54:37 +0100
Subject: [PATCH] Added a link to changelog for version, added some CSS to
 change color of instance/keyboard shortcuts

---
 front/src/components/Footer.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/front/src/components/Footer.vue b/front/src/components/Footer.vue
index c776a9b85..8551789ec 100644
--- a/front/src/components/Footer.vue
+++ b/front/src/components/Footer.vue
@@ -10,9 +10,9 @@
             <router-link class="item" to="/about">
               <translate translate-context="Footer/About/List item.Link">About page</translate>
             </router-link>
-            <div class="item" v-if="version">
-              <translate translate-context="Footer/*/List item" :translate-params="{version: version}" >Version %{version}</translate>
-            </div>
+              <a v-if="version" class="item" href="https://docs.funkwhale.audio/changelog.html" target="_blank">
+                <translate translate-context="Footer/*/List item" :translate-params="{version: version}" >Version %{version}</translate>
+              </a>
             <div role="button" class="item" @click="$emit('show:set-instance-modal')" >
               <translate translate-context="Footer/*/List item.Link">Use another instance</translate>
             </div>
@@ -83,4 +83,9 @@ export default {
 footer p {
   color: grey;
 }
+
+footer#footer div.item:hover {
+  color: rgba(0, 0, 0, 0.87);
+}
+
 </style>