From cbe26adf0fcf7848b5f7cff227074cbeb12957d5 Mon Sep 17 00:00:00 2001
From: Harald Atteneder <urbantrout@users.noreply.github.com>
Date: Wed, 22 Aug 2018 10:13:51 +0200
Subject: [PATCH] fix(button): Use real button tag to improve accessibility.
 (#39)

---
 src/components/CookieLaw.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/CookieLaw.vue b/src/components/CookieLaw.vue
index e555324..5d95aec 100644
--- a/src/components/CookieLaw.vue
+++ b/src/components/CookieLaw.vue
@@ -7,7 +7,7 @@
       <div class="Cookie__buttons">
         <a :target="target" :href="buttonLink" v-if="externalButtonLink" :class="buttonClass">{{ buttonLinkText }}</a>
         <router-link :to="buttonLink" v-if="internalButtonLink" :class="buttonClass">{{ buttonLinkText }}</router-link>
-        <div :class="buttonClass" @click="accept">{{ buttonText }}</div>
+        <button :class="buttonClass" @click="accept">{{ buttonText }}</button>
       </div>
     </div>
   </transition>
@@ -199,6 +199,8 @@
           padding: 0.625em 3.125em;
           color: $buttonFontColor;
           border-radius: $buttonRadius;
+          border: 0;
+          font-size: 1em;
 
           &:hover {
             background: darken($buttonBackgroundColor, 10%);