Fixed button alignment on the notification bar

[srirambv]

Test plan

#7831 (comment)

---

Did you search for similar issues before submitting this one?

Describe the issue you encountered:
Language restart buttons are way big for Japanese

Expected behavior:
The button size should be same for all languages

• Platform (Win7, 8, 10? macOS? Linux distro?):
  Windows 10 x64

• Brave Version (revision SHA):
  Brave 0.13.0
  rev c60b783

• Steps to reproduce:

  1. Do a clean install of 0.13.0 preview 10
  2. Change browser language from English to Japanese
  3. Notice the size of the buttons on the notification bar
     
  4. Restart the browser to make the language change
  5. Change language from Japanese to any other language to trigger the notification bar
  6. The size of the buttons is big
     

• Extra QA steps:

  1. Do a clean install of 0.13.0 preview 10
  2. Change browser language from English to Japanese
  3. Notice the size of the buttons on the notification bar
  4. Restart the browser to make the language change
  5. Change language from Japanese to any other language to trigger the notification bar
  6. Ensure the button size is same as in step 3

• Screenshot if needed:

• Any related issues:

[luixxiul]

This may be due to the font which is installed on your PC. You would need to install several Japanese fonts. On my environment I haven't noticed the issue.

I will try later on my VM in Japanese and will let you know this should be wontfix.

[luixxiul]

This is essentially the same issue with #5799 (comment)

The issue here is not the font size, but the one which is common among the buttons aligned with float: right.

With some additional modifications the buttons can be aligned at the center, setting margin-top and margin-bottom on the buttons like this:

Note that the font-family applied above is Meiryo.

[luixxiul]

I'll work on it later