Files.app: Adjust vertical position of texts slightly.

BUG=402344
TEST=Checked manually on normal display and HiDPI display.

Review URL: https://codereview.chromium.org/941283002

Cr-Commit-Position: refs/heads/master@{#317278}

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

@@ -472,3 +472,29 @@ html[dir='rtl'] .entry-name {
 .cr-dialog-close:active {
   background-image: url(chrome://theme/IDR_CLOSE_DIALOG_P);
 }
+
+/* Minor tweak of vertical position for texts which need to be vertically
+ * aligned with corresponding file-type icons. */
+.tree-row > .label,
+.table-row-cell .filename-label,
+.table-row-cell .size,
+.table-row-cell .type,
+.table-row-cell .date,
+.thumbnail-bottom .filename-label,
+.autocomplete-suggestions > li > .detail-text {
+  padding-top: 1px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+  .tree-row > .label,
+  .table-row-cell .filename-label,
+  .table-row-cell .size,
+  .table-row-cell .type,
+  .table-row-cell .date,
+  .thumbnail-bottom .filename-label,
+  .autocomplete-suggestions > li > .detail-text {
+    /* In HiDPI display, 13pt Roboto font is drawn upper than normal display,
+     * so add extra padding on top of it. */
+    padding-top: 3px;
+  }
+}

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

@@ -173,7 +173,7 @@ div.splitter {
   color: rgb(90, 90, 90);
   cursor: pointer;
   display: flex;
-  line-height: 40px;
+  height: 40px;
   padding: 0 3px;
 }
 
@@ -996,7 +996,7 @@ body[type='full-page'] .detail-name .detail-icon {
 
 .thumbnail-bottom .filename-label {
   flex: auto;
-  padding: 12px;
+  padding: 0 12px;
 }
 
 /* Styles specific for the grid view. */