[chrome:omnibox] Minor styling adjustment for positioning fill and inline cell texts.

Inline text has a 1px border. Previously, we used a white 1px border on the fill
text in order to help align them vertically add also add a 1px horizontal gap
between them. After other styling changes, the invisible border was no longer
necessary for vertical alignment. Additionally, it was causing the horizontal
positioning to be slightly off. This CL removes the invisible border, instead
using a right-margin for horizontal positioning.

Bug: 891303
Change-Id: Ib5fdfc876ada51f129ac2b34c1c59b3d1bd1994e
Reviewed-on: https://chromium-review.googlesource.com/c/1374204Reviewed-by: Tommy Li <tommycli@chromium.org>
Commit-Queue: manuk hovanesian <manukh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#616006}

chrome/browser/resources/omnibox/omnibox.css

@@ -170,9 +170,13 @@ tbody:not(:first-of-type) td.cell-provider-and-type .pair-item:first-child {
   font-size: 0;
 }
 
-.cell-contents-and-description .pair-container {
+.cell-contents-and-description .pair-container,
+.cell-fill-and-inline .pair-container {
   display: flex;
   flex-wrap: wrap;
+}
+
+.cell-contents-and-description .pair-container {
   margin-right: -15px;
 }
 
@@ -184,14 +188,13 @@ tbody:not(:first-of-type) td.cell-provider-and-type .pair-item:first-child {
   color: blue;
 }
 
-.cell-fill-and-inline .pair-item {
-  display: inline-block;
-  vertical-align: middle;
-  word-break: break-all;
+.cell-fill-and-inline .pair-container {
+  align-items: center;
+  margin-right: -1px;
 }
 
-.cell-fill-and-inline .pair-item:first-child {
-  border: 1px solid white;
+.cell-fill-and-inline .pair-item {
+  margin-right: 1px;
 }
 
 .cell-fill-and-inline .pair-item:nth-child(2):not(:empty) {