From 7d0443525feedbb5ce48bd3aa43599d7831288d2 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Fri, 24 Jul 2020 10:45:14 -0700
Subject: 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
---
 src/components/AppNavigation/AppNavigation.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index be80171b..26ae3802 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') }}
-- 
cgit v1.2.3