commit 30f11f818168c89126777b717ab37829e25e8378
author Dixsie Wolmers <dixsie@ibm.com> Tue Nov 10 16:07:56 2020 -0600
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Fri Nov 13 15:37:57 2020 +0000
tree 2bfea87a7f99cc1143df630fda3c908e8c02b6e7
parent 151dd2491c01e70ed69baf638c22624fae598361

Align button icons

- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: datepicker, clear search, and password toggle
- Moves title from icon to button for icon only buttons
- Aligns validation icon with  form input buttons

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d

src/components/AppNavigation/AppNavigation.vue

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index fb50f5e..6e893a3 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -124,6 +124,7 @@
 }
 
 .btn-link {
+  display: inline-block;
   width: 100%;
   text-align: left;
   text-decoration: none !important;