Add ability to center buttons vertically in navbar

It should be possible to center button in navbar. Additionally if class for waves is added it breaks vartical align as the display is no longer inline-block.

Other issue is when assigning non default color to button it loses :hover effect.

[Dogfalo]

It wasn’t a problem for me, I just added vertical-align: bottom;

[JayHoltslander]

It wasn’t a problem for me, I just added vertical-align: bottom;

That won’t work with a <a class="btn right" href="">Floated</a>

Here’s the (SCSS) fix for anyone looking for it.

nav {
  .right {
    .btn {
      margin-left: 1em;
    }
  }
  .btn {
    display: inline-block;
    vertical-align: middle;
  }
}