// the navigation drawer on the very left containing the items to choose from
.sidenav-drawer {
  padding: 10px;
  display: table;
  height:100%;
  min-width: unset;
}

.button-container {
  height:100%;
  vertical-align: top;
  min-width:2em;
  display: table-cell;
  padding: 1em;
}

.content-container {
  height:100%;
  vertical-align: top;
  align-content: left;
  width:100%;
  display: table-cell;
  padding: 10px;
}

.navbar-container {
  height:100%;
  vertical-align: top;
  align-content: left;
  width:100%;
  display: table-cell;
  padding: 10px;
}

.toggle-button { // fills sidenav-button-container completely, so all is one button
  height: 100px;
  min-width: unset; // needed because angular sets an own min width!?
  width: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}