Merge pull request #4750 from Simounet/fix/nav-align

Fix nav items alignment

app/Resources/static/themes/material/css/media_queries.scss

@@ -42,6 +42,10 @@
     padding-right: 0.75rem;
   }
 
+  .nav-panel-top {
+    padding: 6px 0;
+  }
+
   .nav-panel-buttom {
     justify-content: space-between;
   }

app/Resources/static/themes/material/css/nav.scss

@@ -20,7 +20,8 @@ nav {
 .nav-panel-item .button-collapse {
   margin-left: 0;
   margin-right: 0.5rem;
-  padding: 0 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   height: auto;
   line-height: 1;
   background-color: transparent;
@@ -33,11 +34,15 @@ nav {
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
+
+  a {
+    padding: 10px 15px;
+  }
 }
 
 .nav-panel-item .material-icons {
-  height: 46px;
+  height: auto;
-  line-height: 46px;
+  line-height: 1;
 }
 
 .nav-input {
@@ -149,11 +154,14 @@ nav {
 .dropdown-content {
   min-width: 300px;
 
-  .material-icons {
+  li {
-    line-height: initial !important;
+    min-height: auto;
   }
 
   li > a {
-    padding: 10px;
+    display: flex;
+    padding: 14px 10px;
+    align-items: center;
+    white-space: initial;
   }
 }