Pagination for Mobile: Previous button is too long for button size

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, 7.1.X, Master
• Fix Version/s: 7.0.0 DXP FP61, 7.0.X, 7.1.10 DXP FP3, 7.1.1 CE GA2, 7.1.10.1 SP1, 7.1.X, Master
• Component/s: Portal Services > Mobile Device Rules, ~ [Archived] Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-dxp-70-sp10
  • liferay-dxp-71-sp1
  • liferay-fixpack-de-61-7010
  • liferay-fixpack-dxp-3-7110
• Branch Version/s:
  7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Story Points: 0.25
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/64375

Description:

When viewing the Pagination on Mobile UI Simulation, the word "Previous" seems to be too long for the button which causes it to wrap, causing Previous to be displayed on 2 lines.

Steps to Reproduce:

1) Startup Liferay 7.0.x/Master
2) Add a blog to a page and create enough entries for the pagination to generate
3) Toggle the Simulation button on the top right
4) Select Mobile
5) Observe the Previous and Next buttons

Expected Behavior: The word "Previous" is shown on one line
Actual Behavior: The word "Previous" is split as the button size is too small (See screenshot)

Branch:   Reproduced. f5909c153b682f46ec04df187573e19ba003991e
Master:  Reproduced. 339bc98968c6f3c0159e8f29d7fe7cbe933ee493