Revise check in success UI for easier viewing

From Colin: After swiping a card on the card swiping UI, the success/warning card (shows what user checked in and if the check-in succeded) renders underneath the card serial number input, which means that sometimes user has to scroll down to see the result. We should revise this UI to reduce scrolling so that it is easier to read what happened.