Merge branch '731-list-item-style-in-footer-not-displayed-correctly' into 'develop'

Resolve "List item style in Footer not displayed correctly"

Closes #731

See merge request funkwhale/funkwhale!665

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>