From e7a0e089382728d961a5ff7a1955a4b46411b256 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Thu, 11 Aug 2022 18:43:40 +0200
Subject: [PATCH] Increased width of activity days page input

---
 src/pages/ActivityPage.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/pages/ActivityPage.vue b/src/pages/ActivityPage.vue
index f8026c2..3df4a88 100644
--- a/src/pages/ActivityPage.vue
+++ b/src/pages/ActivityPage.vue
@@ -8,10 +8,9 @@
         <input
           class="dayinput"
           v-model="days"
-          placeholder="number of days"
+          placeholder="days"
           type="number"
           pattern="[0-9]*"
-          :style="{ maxWidth: `${3 + 0.5 * days.length}rem` }"
           @change="fetchChartData"
         />
       </label>
@@ -168,7 +167,7 @@
     input {
       width: 100%;
       font-size: inherit;
-      max-width: 3rem;
+      max-width: 6rem;
       background-color: $background-ui;
       color: $text-color;
     }