From cb286b68942fc0691e0c7596f7fc0684f64edfab Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Fri, 9 Oct 2020 01:14:09 +0200
Subject: [PATCH] Back link and better wine name container width.

---
 src/components/PersonalHighscorePage.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/PersonalHighscorePage.vue b/src/components/PersonalHighscorePage.vue
index a5992bb..530d326 100644
--- a/src/components/PersonalHighscorePage.vue
+++ b/src/components/PersonalHighscorePage.vue
@@ -4,7 +4,7 @@
 
     <div class="backdrop">
       <router-link to="/highscore">
-        ⬅ <h3 class="vin-link">Tilbake til topplisten</h3>
+        ⬅ <h3 class="vin-link go-back">Tilbake til topplisten</h3>
       </router-link>
 
       <section v-if="winner">
@@ -96,16 +96,26 @@ export default {
 @import "./src/styles/variables";
 @import "./src/styles/media-queries";
 
+
 $elementSpacing: 4rem;
 
 .el-spacing {
   margin-bottom: $elementSpacing;
 }
 
+.go-back {
+  font-weight: normal;
+  font-size: 1.1rem;
+  border-width: 2px;
+
+  &:not(:hover) {
+    border-color: $matte-text-color;
+  }
+}
 .container {
   width: 90vw;  
   margin: 0 auto;
-  max-width: 1500px;
+  max-width: 1200px;
 
   @include desktop {
     width: 80vw;
@@ -180,7 +190,7 @@ h3 {
     display: inline-block;
 
     @include tablet {
-      width: calc(100% - 160px);
+      width: calc(100% - 160px - 80px);
     }
     
     & > * {
@@ -194,7 +204,7 @@ h3 {
     }
 
     a {
-      font-size: 1.3rem;
+      font-size: 1.2rem;
       border-width: 2px;
       font-weight: normal;
     }