viewer: larger breadcrumb links

2 files changed, 4 insertions, 3 deletions

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index cd6142a..bd21a19 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -57,7 +57,7 @@ $content-bgcolor: $palette-900;
 $toolbar-color: $palette-300;  // FIXME: should be named "scrollbar"
 $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
-$breadcrumb-margins: 13px;
+$breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
 
 
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index 5f9695d..7f7ef7d 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -98,17 +98,18 @@ export default class LdBreadcrumb extends Vue {
 .ld-breadcrumb {
   ul {
     display: flex;
-    height: 100%;
-    align-items: center;
     white-space: nowrap;
   }
   a {
+    padding: $breadcrumb-margins 0;
     margin-left: $breadcrumb-margins;
   }
   li {
+    align-self: center;
     margin-right: $breadcrumb-margins;
   }
   &.scrollbar {
+    overflow-y: hidden;
     scrollbar-width: none;
     &::-webkit-scrollbar {
       height: 0;