Button gets a defualt height of 45px and more rules for setting input to 100% of parent

2019-10-04 00:17:31 +02:00
parent 7bb624b942
commit c8f9cb7e22
2 changed files with 3 additions and 1 deletions
--- 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;
--- 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;