view src/app/app.component.css @ 464:50f61d1945db

Hook up some buttons for navigating history (undo / redo). Some refactoring to allow for the audio player to get updated as a consequence of a state change (the audio related to the current top of the stack is used).

.ugly-toolbar-filler {
  flex: 1 1 auto;
}

md-sidenav-container {
  height: 100%;
  width: 100%;
  position: absolute;
}

md-sidenav {
  text-align: center;
}

.ugly-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ugly-header {
  flex: 0 0 auto;
}

.ugly-content {
  flex: 1;
  overflow-y: scroll;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.ugly-footer {
  flex: 0 0 auto;
}