From d20acadf87b1ce93aebee62414a173aa87e32e4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Mon, 16 Nov 2020 14:35:50 +0100
Subject: [PATCH] Filter input on highscore 100% width on mobile.

---
 src/components/HighscorePage.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/HighscorePage.vue b/src/components/HighscorePage.vue
index ea42211..7645d42 100644
--- a/src/components/HighscorePage.vue
+++ b/src/components/HighscorePage.vue
@@ -122,10 +122,14 @@ h1 {
 
 .filter input {
   font-size: 1rem;
-  width: 30%;
+  width: 100%;
   border-color: black;
   border-width: 1.5px;
   padding: 0.75rem 1rem;
+
+  @include desktop {
+    width: 30%;
+  }
 }
 
 .highscore-header {