Text boxes overrun sign-in portlet border on a non-retina tablet resolution

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE, 7.0.0 M3
• Fix Version/s: 6.2.2 CE GA3 , 6.2.X EE, 7.0.0 M1
• Component/s: ~ [Archived] Frontend Infrastructure
• Labels:
  • QA-TP
  • ee-ts
  • liferay-fixpack-user-interface-7-6210
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Epic/Theme:
  • escalation
• Story Points: 4
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/4199

Steps to reproduce
1. Start 6.2
2. Access portal with a non-retina iPad, or any tablet of similar screen resolution in portrait mode.

OR

1. Start 6.2
2. Click the "Preview" button on the left hand side
3. Set the custom pixels to 775 X 768

Expected result: text boxes for screenname/email and password should remain inside the sign-in portlet border
Actual result: text boxes extend past the edge of the sign-in portlet

Note: This also affects other portlets (such as the Announcements portlet when adding a new entry) not just the Sign In portlet.