Mat-Nav-List horizontal instead of vertical?

Question

How do I make the following horizontal instead of the (apparent default) of vertical? It is located within navigation.component.html within my Angular 5.2.7 application that wa

Answer 1

Setting the container's display to flex and the it's flex-direction to row did the trick for me.

     Home
     About

And the SCSS file:

mat-nav-list.list-horizontal {
 display: flex;
 flex-direction: row;
}