Display possibility for later

[karindalziel]

The image thumbnails being on the right are kind of messing up the centered text (a problem on many of our sites)

I was playing around with a couple of ideas to fix this but don't have time to really do it right, so I'll document here and hopefully we can come back to a better solution.

For either of these solutions we would have to consider what to do with images at smaller breakpoints, possibly remove the float and center them.

I also wonder if we should play with the default item widths OR text size - on large screens there's quite a bit of text in one line (recommended is no more than 60 characters, we have ~120-140)

1: place image to right within document space and have a text margin so the text never butts up against the image

.tei_note_place_right {
  float: right;
}

.archive_item {
  padding-right: 120px;
}

2: float images outside of the document box

.archive_item {
  margin-right: 120px;
}

.pageimage, .hr {
  margin-right: -140px !important; 
}