// styles specific to index pages

.index-page {

  .lead {
    @include core-19;
  }

  .search-box {

    position: relative;

    input {
      width: 100%;
      height: 50px;

      @include media(tablet) {
        margin-right: 7.6em;
      }
    }

    button {
      height: 48px;
      width: 100%;

      @include media(tablet) {
        width: 7.6em;
        position: absolute;
        top: 0;
        right: -7.6em;
        margin-right: $gutter-half;
      }
      padding-top: 5px;
      padding-bottom: 5px;
    }

  }

  .g-cloud-7-notice {
    margin-top: 45px;

    h2 {
      @include bold-24;
      margin-bottom: $gutter-half;
    }

    p {
      margin: 0;

      &.hint {
        color: $grey-1;
        margin-bottom: 5px;
      }

      &.supplier-info {
        margin-top: $gutter-half;
        border-bottom: 1px solid $border-colour;
        padding-bottom: $gutter-half;
      }
    }

    nav {
      padding-top: $gutter-half;

      ul {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
          margin-bottom: 5px;
        }

      }
    }
  }

}

// styles specific to index pages

.index-page {

  .lead {
    @include core-19;
  }

  .search-box {

    position: relative;

    input {
      width: 100%;
      height: 50px;

      @include media(tablet) {
        margin-right: 7.6em;
      }
    }

    button {
      height: 48px;
      width: 100%;

      @include media(tablet) {
        width: 7.6em;
        position: absolute;
        top: 0;
        right: -7.6em;
        margin-right: $gutter-half;
      }
      padding-top: 5px;
      padding-bottom: 5px;
    }

  }

  .g-cloud-7-notice {
    margin-top: 45px;

    h2 {
      @include bold-24;
      margin-bottom: $gutter-half;
    }

    p {
      margin: 0;

      &.hint {
        color: $grey-1;
        margin-bottom: 5px;
      }

      &.supplier-info {
        margin-top: $gutter-half;
        border-bottom: 1px solid $border-colour;
        padding-bottom: $gutter-half;
      }
    }

    nav {
      padding-top: $gutter-half;

      ul {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
          margin-bottom: 5px;
        }

      }
    }
  }

  /* `.g-cloud-7-notice p` overwrites the `margin-bottom` of paragraphs in the temporary message */
  .g-cloud-7-notice .temporary-message-message {
    margin-bottom: 5px;
  }

}

Replace the spacing below <p>'s in homepage notice
Replace the spacing below <p>'s in homepage notice
