Created attachment 152476 [details]
Tablet screenshot showing the odd formatting

When browsing the OPAC on an iPad the last item in some "resource_list" ul elements go out of alignment vertically. We've only been able to replicate this on the tablet itself and it happens in both Safari and Chrome. The problem does not appear when resizing the browser window on a computer.

It seems to be a disagreement with the last-child:after rule that replaces the pipe character with nothing:

.resource_list li:last-child:after {content: '';}

As a workaround, replacing the pipe character with a space instead of nothing seems to avoid the problem:

.resource_list li:last-child:after {content: ' ';}