dev@236: .ugly-toolbar-filler {
dev@4:   flex: 1 1 auto;
dev@4: }
dev@4: 
dev@505: mat-sidenav-container {
dev@190:   height: 100%;
dev@190:   width: 100%;
dev@190:   position: absolute;
dev@4: }
dev@4: 
dev@505: mat-sidenav {
dev@7:   text-align: center;
dev@4: }
dev@21: 
dev@236: .ugly-container {
dev@190:   height: 100%;
dev@190:   display: flex;
dev@190:   flex-direction: column;
dev@21: }
dev@21: 
dev@236: .ugly-header {
dev@190:   flex: 0 0 auto;
dev@28: }
dev@190: 
dev@236: .ugly-content {
dev@422:   flex: 1;
dev@430:   overflow-y: scroll;
dev@190:   position: relative;
dev@430:   -webkit-overflow-scrolling: touch;
dev@190: }
dev@190: 
dev@236: .ugly-footer {
dev@190:   flex: 0 0 auto;
dev@190: }