philomena/assets/css/views/duplicates.css

.grid--dupe-report-list {
  grid-template-rows: auto;
  grid-template-columns: 200px [image-cell-1] 200px [image-cell-2] auto [diff] auto [status-options];
}

.grid--dupe-report-list__cell {
  padding: 0.5em 0.25em;
}

.dr__image-cell .image-container {
  @mixin img-checkerboard-background;
}

.dr__diff {
  white-space: nowrap;
}

.dr__status-options {
  padding: 0.5em;
}

.report-duplicate {
  margin-top: 1em;
}

.difference,
.swipe,
.onion-skin {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.onion-skin__slider {
  width: 100%;
  margin-top: 10px;
  max-width: 500px;
}

.swipe__image {
  cursor: ew-resize;
}

.difference__image,
.swipe__image,
.onion-skin__image {
  max-height: 900px;
}