@import '~@dosomething/forge/scss/toolkit';

.gallery.-duo {
  > li {
    &:nth-child(odd) {
      padding-left: 0px;
    }

    &:nth-child(even) {
      padding-right: 0px;
    }
  }
}

.post {
  .admin-tools {
    .admin-tools__links {
      float: left;
    }

    .admin-tools__rotate {
      float: right;
    }
  }

  .post__image {
    width: 300px;
    height: 300px;
  }

  .images .is-loading {
    display: table;
    width: 300px;
    height: 300px;

    .spinner {
      display: table-cell;
      vertical-align: middle;
    }
  }

  .button.-tertiary {
    padding: 0px;
    &.rotate {
      &:before {
        background: transparent url('../../images/rotate_spinner.svg');
        background-size: cover;
        content: '';
        display: inline-block;
        height: 15px;
        width: 15px;
        margin-right: 10px;
        margin-top: 10px;
      }
    }
  }
}

@import '~@dosomething/forge/scss/toolkit';

.gallery.-duo {
  > li {
    &:nth-child(odd) {
      padding-left: 0px;
    }

    &:nth-child(even) {
      padding-right: 0px;
    }
  }
}

.post {
  .admin-tools {
    .admin-tools__links {
      float: left;
    }

    .admin-tools__rotate {
      float: right;

      .spinner {
        background-size: 20px;
      }
    }
  }

  .post__image {
    // .spinner {
    //   width: 15px;
    //   height: 15px;
    // }
    // // width: 250px;
    // // height: 250px;
    // background-color: grey;
    // display: table;

    // // img, .is-loading {
    // //   display: table-cell;
    // //   vertical-align: middle;
    // // }

    // // .is-loading {
    // //   // display: table;
    // //   width: 300px;
    // //   height: 300px;
    // //   // height: 300px;

    // //   // .spinner {
    // //   //   display: table-cell;
    // //   //   vertical-align: middle;
    // //   // }
    // // }

    // // img {
    // //   width: 300px;
    // //   height: auto;
    // // }
  }


  .button.-tertiary {
    padding: 0px;
    &.rotate {
      &:before {
        background: transparent url('../../images/rotate_spinner.svg');
        background-size: cover;
        content: '';
        display: inline-block;
        height: 15px;
        width: 15px;
        margin-right: 10px;
        margin-top: 10px;
      }
    }
  }
}

Fix style of loading state
Fix style of loading state
