GIA-3112 - Alignment for iPad view of Related item - card metadata. This...

... has now been shifted up above the image by using bottom 170px rather than percentage 50% which made it appear below the top of the image. This also makes improved alignment in Android mobile devices in landscape view, because it was percentage based it was floating in the middle and looked a bit odd. Also I tweaked for Android view the position of timestamp and metadata text itself to appear in the middle of the dividing line rather than positioned towards the top.