Blocked count is not properly aligned on tablet

[srirambv]

Description

Blocked count is not properly aligned on tablet

Steps to reproduce

1. Install 1.25.57 x64 build
2. Visit a page that has a lot of trackers
3. Open shields, block count is on extreme left which makes it look really bad

Actual result

Expected result

Have a smaller shields design so even if something is bad doesn't look obvious

Issue reproduces how often

Easy

Version/Channel Information:

• Can you reproduce this issue with the current Play Store version? No
• Can you reproduce this issue with the current Play Store Beta version? Yes
• Can you reproduce this issue with the current Play Store Nightly version? Yes

Device details

• Install type (ARM, x86): ARM
• Device type (Phone, Tablet, Phablet): Tablet
• Android version: 10

Brave version

1.25.57

Website problems only

• Does the issue resolve itself when disabling Brave Shields?
• Does the issue resolve itself when disabling Brave Rewards?
• Is the issue reproducible on the latest version of Chrome?

Additional information

#10690 was closed as duplicate but still needs to be fixed. Shields looks awfully bad on tablets
cc: @deeppandya @alexsafe @anthonypkeane @karenkliu

[srirambv]

Issue seems to be fixed on the current beta build 1.26.46. Block count seems better placed than before. Although real fix is when the shields size is decreased (#10690 closed as dupe)

[anthonypkeane]

cc'ing @karenkliu on this one design eyes.
@alexsafe for implementing when you get time. Thanks

[karenkliu]

This seems like a dupe of #15635 ?

[srirambv]

Verification passed on Samsung Tab A with Android 10 running 1.28.99 x64 Beta Build

• Verified blocked count is properly aligned on shields

[karenkliu]

This is still missing the background treatment behind the count, label, info icon, and share icon:

[srirambv]

Will add an new follow up issue for that Added follow up issue #17312