Layer Header 2 CSS

layer-header2.css

// 2nd Level
.header.header-short {
  height: 75px;
}

/* Set header height tall only when mobile to fit
buttons below title */

@media (max-width: 768px) {
  .header.header-short:not(.header-just-title) {
    height: 120px;
  }
}

.header.header-short span button.mat-raised-button {
  width: 100%;
  border-radius: 0px;
  height: 45px;
}

.header.header-short div.d-xs-flex .title {
  height: 75px;
}

.header-shorter {
  margin-top: -75px;
}

.header-shorter .close-layer .mat-icon {
  margin-top: auto;
  margin-bottom: 7px;
}