My Stash custom CSS

custom.css

/* Larger scrape results dialog */
.scrape-dialog {
  max-width: 90%;
}
.scrape-dialog .modal-body .row > .form-label.col-form-label.col-lg-3 {
  flex: 0 0 10%;
}
.scrape-dialog .modal-body .row:first-child > .col-lg-9.offset-lg-3 {
  margin-left: 10%;
  flex: 0 0 90%;
  max-width: 90%;
}
.scrape-dialog .modal-body .row:not(:first-child) > .col-lg-9 {
  flex: 0 0 90%;
  max-width: 90%;
}
.scrape-dialog .performer-image,
.scrape-dialog .movie-image {
  max-height: 50vh;
}

@media (min-width: 1200px), (max-width: 575px) {
  /* Fix performer image width on scene page */
  .scene-performers .performer-card {
    width: 14rem;
  }

  /* Two movie cards per line on 'Movies' tab */
  .tab-pane .movie-card {
    max-width: 14rem;
  }
}
@media (max-width: 480px) {
  /* Fix performer image width on scene page */
  .scene-performers .performer-card {
    width: 11.5rem;
  }

  /* Two movie cards per line on 'Movies' tab */
  .tab-pane .movie-card {
    max-width: 11.5rem;
  }
}

/* Colorize performers icon on scene/gallery wall */
.scene-card svg.fa-user,
.gallery-card svg.fa-user {
  color: deepskyblue;
}

/* Colorize movies icon on scene/gallery wall */
.scene-card svg.fa-film,
.gallery-card svg.fa-film {
  color: tomato;
}

/* Colorize tags icon on scene/performer/gallery wall */
.scene-card svg.fa-tag,
.performer-card svg.fa-tag,
.gallery-card svg.fa-tag {
  color: gold;
}

/* Colorize scenes icon on performer cards */
.performer-card svg.fa-play-circle {
  color: deepskyblue;
}

/* Colorize organized icon on scene/gallery wall */
.scene-card svg.fa-icon[data-icon="box"],
.gallery-card svg.fa-icon[data-icon="box"] {
  color: #664c3f;
}