At the moment the images have 6px on the left and 2px on the right (although the images themselves have a margin, but that is even). Here is what it looks like if I even them out.

Deleted: Screenshot from 2017-10-06 10:36:21.png 16.2 KB

	Screenshot from 2017-10-06 10:36:21.png 16.2 KB View Download

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/5a7e4497781f1a46f5694e6b0fb33ef901a41e8b

commit 5a7e4497781f1a46f5694e6b0fb33ef901a41e8b
Author: Becca Hughes <beccahughes@chromium.org>
Date: Wed Oct 11 21:53:57 2017

Media Controls: Update the padding around the icons.

The padding around the icons is uneven. This balances it out.

BUG= 771986 

Change-Id: I04fb57489c2337fc914c676456a6ad722f4a8f84
Reviewed-on: https://chromium-review.googlesource.com/704736
Commit-Queue: Becca Hughes <beccahughes@chromium.org>
Reviewed-by: Mounir Lamouri <mlamouri@chromium.org>
Cr-Commit-Position: refs/heads/master@{#508135}
[modify] https://crrev.com/5a7e4497781f1a46f5694e6b0fb33ef901a41e8b/third_party/WebKit/Source/modules/media_controls/resources/legacyMediaControls.css