igor-starostenko/report_factory-web

.scenarios {
  height: 100%;
  margin-top: 22px;
  display: grid;
  grid-gap: 0.5em;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 70px 20px auto auto;
  margin-bottom: 4rem;
}

.scenariosHeader {
  white-space: nowrap;
  grid-column: 1 / 6;
}

.scenariosTitle {
  font-size: 52px;
}

.allScenariosSearch {
  grid-column: 6 / -1;
  margin-top: auto;
  margin-bottom: .8rem;
}

.scenariosTotal {
  grid-column: 1 / 7;
  font-style: italic;
  margin-left: .5em;
}

.allScenarios {
  grid-column: 1 / -1;
}

.scenarioListButtons {
  grid-column: 1 / -1;
}

.scenarioListButtons > .filters {
  display: inline-block;
}

.scenarioPagination {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .scenarios {
    grid-template-rows: 70px 20px 50px auto auto;
    margin-bottom: 6em;
  }

  .scenariosHeader {
    grid-row: 1 / 1;
    grid-column: 1 / -1;
  }

  .scenariosTotal {
    grid-column: 1 / -1;
  }

  .allScenariosSearch {
    grid-row: 3 / 3;
    grid-column: 1 / -1;
  }
}