From c8f9cb7e225939c23064c61f0646eaea759f4e9c Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Fri, 4 Oct 2019 00:17:31 +0200
Subject: [PATCH] Button gets a defualt height of 45px and more rules for
 setting input to 100% of parent

---
 src/components/ui/SeasonedButton.vue | 1 +
 src/components/ui/SeasonedInput.vue  | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/SeasonedButton.vue b/src/components/ui/SeasonedButton.vue
index f803c21..fa4e951 100644
--- a/src/components/ui/SeasonedButton.vue
+++ b/src/components/ui/SeasonedButton.vue
@@ -32,6 +32,7 @@ export default {
   font-weight: 300;
   font-size: 11px;
   line-height: 2;
+  height: 45px;
   letter-spacing: 0.5px;
   padding: 5px 20px 4px 20px;
   cursor: pointer;
diff --git a/src/components/ui/SeasonedInput.vue b/src/components/ui/SeasonedInput.vue
index 2585e18..a78d046 100644
--- a/src/components/ui/SeasonedInput.vue
+++ b/src/components/ui/SeasonedInput.vue
@@ -40,6 +40,7 @@ export default {
 .group{
   display: flex;
   margin-bottom: 1rem;
+  width: 100%;
 
   &:hover, &:focus {
     .group__input {
@@ -62,7 +63,7 @@ export default {
   }
 
   &__input {
-    width: 75%;
+    width: 100%;
     max-width: 35rem;
     padding: 10px 10px 10px 45px;
     // padding: 15px 10px 15px 45px;