[Files]: Bringing search options to be inline with the UX specs.

Changing the dropdown toggle height to 32px, and padding to be 8px
for the dropdown toggle. Changing the padding of buttons inside the
dropdown menu to be 8px from 12px.

Bug: b:272311823
Change-Id: Ie5ae6b6d5ea204c89ed83d4eabf29d8665ab6b3f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4328649
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Commit-Queue: Bo Majewski <majewski@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1115575}

ui/file_manager/file_manager/widgets/xf_select.ts

@@ -326,13 +326,13 @@ function getCSS(): CSSResultGroup {
     }
     #dropdown-toggle {
       --border-color: var(--cros-button-stroke-color-secondary);
-      --cr-button-height: 29px;
+      --cr-button-height: 32px;
       --ripple-opacity: 100%;
       border-radius: 20px;
       margin-inline: 4px;
       min-width: auto;
       outline: none;
-      padding: 8px 12px;
+      padding: 0px 8px;
       white-space: nowrap;
     }
     .xf-select-icon {
@@ -361,6 +361,7 @@ function getCSS(): CSSResultGroup {
     }
     cr-button.dropdown-item {
       --focus-shadow-color: none;
+      padding: 0 12px;
     }
     cr-button.dropdown-item-center {
       justify-content: center;