annotate src/app/app.component.css @ 190:5e8a2eb8bdbf

Bodge in a footer - for no good reason.

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

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

md-sidenav {
  text-align: center;
}

.app-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: pink;
}

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

.app-content {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
}

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