diff --git a/client/src/components/TopNavigation.vue b/client/src/components/TopNavigation.vue index 4501c953..a6969d5b 100644 --- a/client/src/components/TopNavigation.vue +++ b/client/src/components/TopNavigation.vue @@ -78,10 +78,10 @@ #{$parent}__link { color: $color-white; @include heading-4; - line-height: 2em; + line-height: 2.5em; padding: 0; display: block; - margin-bottom: $medium-spacing; + margin-bottom: 0.5*$small-spacing; &:only-child { margin-bottom: 0; diff --git a/client/src/components/book-navigation/MobileNavigation.vue b/client/src/components/book-navigation/MobileNavigation.vue index 332db3ab..2b72e0dc 100644 --- a/client/src/components/book-navigation/MobileNavigation.vue +++ b/client/src/components/book-navigation/MobileNavigation.vue @@ -64,9 +64,9 @@ display: grid; grid-template-columns: 1fr 50px; - grid-template-rows: 50px 280px auto 100px; + grid-template-rows: 50px max-content auto 100px; - grid-template-areas: "m m" "m m" "s s"; + grid-template-areas: "m m" "m m" "s s" "s s"; &--with-subnavigation { grid-template-areas: "m m" "m m" "sub sub" "s s";