.md-sidenav-left {

height: 100%;

.nav-header {
  background-image: image-url("drawer_background.png");
  height: $sn-header-height;
  width: $sidenav-width;

  h1 {
    text-align: center;
    margin-top: 0;
  }

  .nav-user-info {
    img {
      border-radius: 50%;
      border: 3px solid white;
      height: $sn-user-image-size;
      width: $sn-user-image-size;
    }

    span {
      margin-left: 10px;
      color: white;
      font-weight: bold;
      font-size: 125%;
      max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

ul {
  margin-top: 0;
  padding: 0;

  .md-button {
    border-radius: 0;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    text-align: left;
    width: 100%;
    height: $sn-link-height;
  }

  .material-icons {
    @include transform(TranslateY(6px));
  }

  li {
    height: $sn-link-height;

    a {
      line-height: $sn-link-height;
    }
  }
}

}