Add extra margin to bottom of navigation
Adding extra spacing between the last navigation item and the edge of
the browser screen. The extra space makes the last item easier to view
and click, on shorter screens or when all menu items are expanded.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1776c8aa419480c568533baa92e60cc7d8a68bb0
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index be80171..26ae380 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -2,7 +2,7 @@
<div>
<div class="nav-container" :class="{ open: isNavigationOpen }">
<nav ref="nav" :aria-label="$t('appNavigation.primaryNavigation')">
- <b-nav vertical>
+ <b-nav vertical class="mb-4">
<b-nav-item to="/" data-test-id="nav-container-overview">
<icon-overview />
{{ $t('appNavigation.overview') }}