[actionbar] Tweak position for search clear icon

Sets the end margin for the clear icon in the search box to 6px to align
the end of the search box wrapper with the touch target.

Increases the width calculation for the search wrapper to allow for the
changed margin end change and keep the search wrapper width at 288px.

Increases the width of the cr-input for the same reason as above.

Bug: 1064514
Change-Id: Ic1e0ba7f31adef6f9b2230455ac8edd3bd5e54d9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2120111Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#753143}

ui/file_manager/file_manager/foreground/css/file_manager.css

@@ -1072,12 +1072,18 @@ body.check-select #search-box {
   display: none;
 }
 
-#search-box.has-cursor,
-#search-box.has-text,
-#search-box.hide-pending {
+.dialog-header:not(.files-ng) #search-box.has-cursor,
+.dialog-header:not(.files-ng) #search-box.has-text,
+.dialog-header:not(.files-ng) #search-box.hide-pending {
   margin-inline-end: 12px;
 }
 
+.dialog-header.files-ng #search-box.has-cursor,
+.dialog-header.files-ng #search-box.has-text,
+.dialog-header.files-ng #search-box.hide-pending {
+  margin-inline-end: 6px;
+}
+
 .dialog-header:not(.files-ng) #search-box.has-cursor cr-input,
 .dialog-header:not(.files-ng) #search-box.has-text cr-input,
 .dialog-header:not(.files-ng) #search-box.hide-pending cr-input {
@@ -1087,8 +1093,8 @@ body.check-select #search-box {
 .dialog-header.files-ng #search-box.has-cursor cr-input,
 .dialog-header.files-ng #search-box.has-text cr-input,
 .dialog-header.files-ng #search-box.hide-pending cr-input {
-  --cr-input-width: calc(288px - 80px);
-  width: calc(288px - 60px);
+  --cr-input-width: calc(288px - 74px);
+  width: calc(288px - 54px);
 }
 
 #search-box .clear {