.display-row
  +grid-row
  .display-label
    font-weight: bold
    @media #{$small-only}
      +grid-column($columns:5)
    @media #{$medium-only}
      +grid-column($columns:4, $offset:1)
    @media #{$large-up}
      +grid-column(3)
  .display-field
    @media #{$small-only}
      +grid-column($columns: 5, $last-column:true)
    @media #{$medium-only}
      +grid-column($columns:4, $last-column:true)
    @media #{$large-up}
      +grid-column($columns: 3, $last-column:true)
    &.full
    @media #{$small-only}
      +grid-column($columns: 7, $last-column:true)
    @media #{$medium-only}
      +grid-column($columns:7, $last-column:true)
    @media #{$large-up}
      +grid-column($columns: 9, $last-column:true)
pre.timewax-description
  +panel
  max-height: 200px
  overflow-x: scroll
  white-space: pre-wrap

pre.show-collection-edit-notes
  +panel
  max-height: 200px
  overflow-x: scroll
  white-space: pre-wrap
