- Set width of metadata popover to 100% in mobiles (xs screens)
Just a couple of nitpicks for small screens (see screenshot below):
I think you can increase that threshold to 992 (next responsive breakpoint).
For a screen with a width of 800px, the popover will look better if it is anchored to the top, see screenshot below:
Can you keep this rule for large screen ? Sometimes some metadata associated to the objects in the archive contains text with really long lines and the popover gets oversized because of that.
I think that in my example, the popover got oversized due to its content (long lines in a metadata field surely). If you reinstate the max-width css rule for screens width greater than 768 pixels, this should be OK for all metadata.