diff --git a/website/src/components/header/index.module.scss b/website/src/components/header/index.module.scss index 61ceaa7..3fbe7cd 100644 --- a/website/src/components/header/index.module.scss +++ b/website/src/components/header/index.module.scss @@ -45,6 +45,10 @@ $hambuguer-button: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' } @include breakpoints.from-small-to-medium-screen { + & { + padding: var(--spacing-4) var(--spacing-6); + } + & button[title='hambuguer-button'] { display: block; width: 100%; diff --git a/website/src/styles/_buttons.scss b/website/src/styles/_buttons.scss index e57fb9a..3be402b 100644 --- a/website/src/styles/_buttons.scss +++ b/website/src/styles/_buttons.scss @@ -12,9 +12,9 @@ $disabled-heart: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' f border: none; display: inline-block; font-family: var(--font-nunito-sans), sans-serif; - height: var(--spacing-11); padding: var(--spacing-2) var(--spacing-5); text-decoration: none; + text-wrap: wrap; &:disabled { background-color: var(--background-disabled);