From c30cb21de66981f7855390dd967d9f0c2612cdfd Mon Sep 17 00:00:00 2001 From: junyang Date: Mon, 3 Jun 2019 10:43:55 -0400 Subject: [PATCH] #1316: fixed List item misalignment issue --- scss/components/side-nav.scss | 3 ++- ...ple-containerfd-side-nav__n8_0_desktop.png | Bin 9233 -> 9440 bytes 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/components/side-nav.scss b/scss/components/side-nav.scss index 61dcbac5c..7da044c27 100644 --- a/scss/components/side-nav.scss +++ b/scss/components/side-nav.scss @@ -100,7 +100,8 @@ $block: #{$fd-namespace}-side-nav; } &__link { - + display: flex; + align-items: center; //STATES ******************************************* &.has-child { background-image: url(#{$fd-down-arrow-icon}); diff --git a/test/visual-regression-tests/resources/reference_images/visual_regression_fundamental_side-nav_8_example-containerfd-side-nav__n8_0_desktop.png b/test/visual-regression-tests/resources/reference_images/visual_regression_fundamental_side-nav_8_example-containerfd-side-nav__n8_0_desktop.png index 7d123f0ccc1e4c63f2f1b73a2e6089288cbeddc9..f7ab5a2d5071466fce81730c6ea75e39b9e23e92 100644 GIT binary patch literal 9440 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 IsxMyu8wmjLjQ{`u literal 9233 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