// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

.index-header {
  &__title,
  .title,
  &__controls {
    flex-shrink: 0;
  }

  @include media-query(palm) {
    &__title {
      flex-shrink: 1;
    }
  }

  &__filters {
    position: relative;
  }

  &__total,
  &__count {
    @include media-query(palm) {
      display: none;
    }

    @include media-query(lap-and-up) {
      position: absolute;
      left: $inuit-base-spacing-unit;
      transform: translateX(-50%);
      color: $secondary-text-color;
      text-align: center;
      @include inuit-font-size($label-font-size);
    }
  }

  &__total {
    @include media-query(lap-and-up) {
      top: - halve($inuit-base-spacing-unit);
    }
  }

  &__count {
    display: none;

    @include media-query(lap-and-up) {
      &--active {
        display: block;
        position: absolute;
        bottom: - halve($inuit-base-spacing-unit);
      }
    }
  }
}

// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

.index-header {
  &__title,
  .title,
  &__label,
  &__filters,
  a {
    flex-shrink: 0;
  }

  @include media-query(palm) {
    &__title {
      flex-shrink: 1;
    }
  }

  &__filters {
    position: relative;
  }

  &__total,
  &__count {
    @include media-query(palm) {
      display: none;
    }

    @include media-query(lap-and-up) {
      position: absolute;
      left: $inuit-base-spacing-unit;
      transform: translateX(-50%);
      color: $secondary-text-color;
      text-align: center;
      @include inuit-font-size($label-font-size);
    }
  }

  &__total {
    @include media-query(lap-and-up) {
      top: - halve($inuit-base-spacing-unit);
    }
  }

  &__count {
    display: none;

    @include media-query(lap-and-up) {
      &--active {
        display: block;
        position: absolute;
        bottom: - halve($inuit-base-spacing-unit);
      }
    }
  }
}

Improve responsive styling of Header.
Improve responsive styling of Header.
