view src/app/app.component.css @ 367:f967cb22a37a

Clear when updating, not functional difference in this app as it stands because components only receive inputs once atm.

.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 1 auto;
  overflow-y: auto;
  position: relative;
}

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