Reland "ColorPicker: Fix vertical alignment of the up-down arrow icon"

This is a reland of 73ace883

The original change was missing some mac10.10 images.

Original change's description:
> ColorPicker: Fix vertical alignment of the up-down arrow icon
>
> The up-down arrow is currently slight off vertical center. This CL
> fixes that and updates all affected test baselines.
>
> Bug: 1010330
> Change-Id: Id1965a6243046816207bf521e25bb06413e6c77d
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1832720
> Reviewed-by: Mason Freed <masonfreed@chromium.org>
> Reviewed-by: Kent Tamura <tkent@chromium.org>
> Commit-Queue: Sanket Joshi <sajos@microsoft.com>
> Cr-Commit-Position: refs/heads/master@{#702218}

Bug: 1010330
Change-Id: I7d664c9fe99cff4ccf62213b991bb40f6c8b0e2e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1837204
Commit-Queue: Kent Tamura <tkent@chromium.org>
Auto-Submit: Sanket Joshi <sajos@microsoft.com>
Reviewed-by: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#702686}

third_party/blink/renderer/core/html/forms/resources/color_picker.css

@@ -143,6 +143,11 @@ format-toggler:hover {
   background-color: #F7F7F7;
 }
 
+#up-down-icon {
+  display: flex;
+  align-items: center;
+}
+
 format-label:not(.hidden-format-label) {
   border-radius: 2px;
   display: flex;

third_party/blink/renderer/core/html/forms/resources/color_picker.js

@@ -1669,6 +1669,7 @@ class FormatToggler extends HTMLElement {
     this.adjustFormatLabelVisibility_();
 
     this.upDownIcon_ = document.createElement('span');
+    this.upDownIcon_.setAttribute('id', 'up-down-icon');
     this.upDownIcon_.innerHTML =
         '<svg width="6" height="8" viewBox="0 0 6 8" fill="none" ' +
         'xmlns="http://www.w3.org/2000/svg"><path d="M1.18359 ' +