Language icons overflow when many locales enabled (input localization)

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.0 M3
• Fix Version/s: 6.2.2 CE GA3 , 6.2.X EE, 7.0.0 M1
• Component/s: Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-fixpack-user-interface-22-6210
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Story Points: 4
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/7830

1. Add below line to the portal-ext.properties:
locales.enabled=ar_SA,eu_ES,bg_BG,ca_AD,ca_ES,zh_CN,zh_TW,hr_HR,cs_CZ,da_DK,nl_NL,nl_BE,en_US,en_GB,en_AU,et_EE,fi_FI,fr_FR,fr_CA,gl_ES,de_DE,el_GR,iw_IL,hi_IN,hu_HU,in_ID,it_IT,ja_JP,ko_KR,lo_LA,lt_LT,nb_NO,fa_IR,pl_PL,pt_BR,pt_PT,ro_RO,ru_RU,sr_RS,sr_RS_latin,sl_SI,sk_SK,es_ES,sv_SE,tr_TR,uk_UA,vi_VN
2. Start the portal
3. Go to Admin-> Site Administration ->Pages
4. Click on any page in Site Pages.

Expect Result : The country flag icons should be arranged in a way that does not extend them across the page.
Actual Result: The country flag icons are displayed across the page and reach over the configuration options section.