From 40612d1932e330d54e9536d2ebe12d30ff0bca9f Mon Sep 17 00:00:00 2001
From: dario-piotrowicz <dario.piotrowicz@gmail.com>
Date: Fri, 11 Jun 2021 22:23:24 +0100
Subject: [PATCH] fix(docs-infra): fix width of sidenav icons (#42561)

make sure that the width of the sidenav chervon icon is 2.4rem
(this needs to be done using the flex property and not the
width one as that can change in flex containers)

also center chevron icon inside mat-icon container in order to maintain
the correct icon positioning at any font-size

PR Close #42561
---
 aio/src/styles/1-layouts/sidenav/_sidenav.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/aio/src/styles/1-layouts/sidenav/_sidenav.scss b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
index d28a984af5..bb9cd96efe 100644
--- a/aio/src/styles/1-layouts/sidenav/_sidenav.scss
+++ b/aio/src/styles/1-layouts/sidenav/_sidenav.scss
@@ -80,8 +80,9 @@ aio-nav-menu {
 
       //icons _within_ nav
       .mat-icon {
-        height: 24px;
-        width: 24px;
+        flex: 0 0 2.4rem;
+        display: flex;
+        align-items: center;
       }
     }