while it does work in landscape orientation, this is not intuitive and can frustrate users:
(the login codes are site-specific and have already been passed to the API, making them dead codes)
I'm proposing that the following be added to the ns.embed CSS to make it more responsive when accessed on mobile devices. The code within the media query is taken from the mobile ns.m CSS:
- Code: Select all
@media screen and (max-width:767px) {
h1 {
text-shadow: none;
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
#proof_of_login_checksum {
word-break: break-all;
}
.button {
margin: 6px 12px 6px 0;
padding: 4px 8px;
}
}
This change in text size should make login codes fit within a mobile portrait window. The "word-break" declaration in particular makes it possible for the browser to break the verification code between any two letters, not just at hyphens (which are not always present).