.app-SearchResults {
  .app-MapToggle {
    @include button-variant($gray, $white, $white);
    display: block;
    margin: 0 auto;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.3rem;

    &__results-count {
      font-size: 1.6rem;
      color: $brand-primary;
    }

    &:hover, &:focus, &:active {
      outline: none;
      background-color: $white;
    }
  }

  .app-ResourceCompactList {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: calc(100% - 30px);
    max-width: $app-SearchPage-max-width;
  }
}

.app-SearchResults {
  margin-left: -15px;
  margin-right: -15px;

  @media (min-width: $screen-sm-min) {
    margin-left: 0;
    margin-right: 0;
  }

  .app-MapToggle {
    @include button-variant($gray, $white, $white);
    display: block;
    margin: 0 auto;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.3rem;

    &__results-count {
      font-size: 1.6rem;
      color: $brand-primary;
    }

    &:hover, &:focus, &:active {
      outline: none;
      background-color: $white;
    }
  }

  .app-ResourceCompactList {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: calc(100% - 30px);
    max-width: $app-SearchPage-max-width;
  }
}

Remove search results side margins on mobile
Remove search results side margins on mobile

Refs #705.
