[actionbar] Fix icon positioning in RTL

RTL layout for the icons in some of the action bar buttons requires an
end margin for correct positioning.

Add margin-inline-end to the affected action bar buttons.

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

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

@@ -789,6 +789,7 @@ body.check-select .dialog-header #search-button > .icon {
 .dialog-header.files-ng #share-menu-button > .icon {
   -webkit-mask-image: url(../images/files/ui/share_ng.svg);
   height: 48px;
+  margin-inline-end: -7px;
   margin-inline-start: -7px;
   margin-top: -7px;
   position: absolute;
@@ -858,6 +859,7 @@ body.check-select #view-button.thumbnail {
 .dialog-header.files-ng #sort-button > .icon {
   -webkit-mask-image: url(../images/files/ui/sorting_ng.svg);
   height: 48px;
+  margin-inline-end: -7px;
   margin-inline-start: -7px;
   margin-top: -7px;
   position: absolute;
@@ -877,6 +879,7 @@ body.check-select #sort-button {
 .dialog-header.files-ng #gear-button > .icon {
   -webkit-mask-image: url(../images/files/ui/menu_ng.svg);
   height: 48px;
+  margin-inline-end: -7px;
   margin-inline-start: -7px;
   margin-top: -7px;
   position: absolute;
@@ -894,6 +897,7 @@ body.check-select #gear-button {
 .dialog-header.files-ng #selection-menu-button > .icon {
   -webkit-mask-image: url(../images/files/ui/menu_ng.svg);
   height: 48px;
+  margin-inline-end: -7px;
   margin-inline-start: -7px;
   margin-top: -7px;
   position: absolute;