From d00737fd57a6918959d1655841ef638b3d542883 Mon Sep 17 00:00:00 2001
From: Dominik Korsa <dominik.korsa@gmail.com>
Date: Sun, 24 Feb 2019 22:11:11 +0100
Subject: [PATCH] Fix version link hover area

---
 src/components/HomeDownloadBetaItem.vue | 13 ++++++-----
 src/components/HomeDownloadDevItem.vue  | 29 +++++++++++++++----------
 2 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/src/components/HomeDownloadBetaItem.vue b/src/components/HomeDownloadBetaItem.vue
index fc946be..0d35d2d 100644
--- a/src/components/HomeDownloadBetaItem.vue
+++ b/src/components/HomeDownloadBetaItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="download-beta-item">
-    <a class="code" :href="github" target="_blank">{{ code }}</a>
+    <div class="code"><a :href="github" target="_blank">{{ code }}</a></div>
     <div class="released" :title="releasedString">{{ releasedRelativeString }}</div>
     <div class="buttons">
       <a class="github-button" :href="github" target="_blank" title="GitHub">
@@ -73,14 +73,17 @@ export default {
   .code {
     grid-column: 1;
     grid-row: 2;
-    color: #D32F2F;
     font-family: 'Roboto', sans-serif;
     font-size: 24px;
     margin-bottom: 2px;
-    text-decoration: none;
 
-    &:hover {
-      text-decoration: underline;
+    a {
+      color: #D32F2F;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
     }
   }
 
diff --git a/src/components/HomeDownloadDevItem.vue b/src/components/HomeDownloadDevItem.vue
index ed7a0f1..57ba14f 100644
--- a/src/components/HomeDownloadDevItem.vue
+++ b/src/components/HomeDownloadDevItem.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="download-dev-item">
-    <a
-      class="title"
-      :href="github"
-      target="_blank">
-      {{ title }} <span class="number">#{{ number }}</span>
-    </a>
+    <div class="header">
+      <a :href="github" target="_blank">
+        <span class="title">{{ title }}</span>
+        <span class="number">#{{ number }}</span>
+      </a>
+    </div>
     <div class="subheader">
       <span class="build-number">{{ build }}</span>
       <span class="released" :title="releasedString">{{ releasedRelativeString }}</span>
@@ -89,23 +89,30 @@ export default {
     }
   }
 
-  .title {
+  .header {
     grid-column: 1;
     grid-row: 2;
-    color: #D32F2F;
     font-family: 'Roboto', sans-serif;
     font-size: 20px;
     margin-bottom: 8px;
     line-height: 24px;
-    text-decoration: none;
 
-    &:hover {
-      text-decoration: underline;
+    .title {
+      color: #D32F2F;
     }
 
     .number {
       color: #0009;
       font-weight: 300;
+      margin-left: 4px;
+    }
+
+    a {
+      text-decoration: none;
+
+      &:hover .title, &:hover .number {
+        text-decoration: underline;
+      }
     }
   }