[quickview] Style the metadata-entry for files-ng

Change the line-height of the title and info row and restyle
the title.

Change-Id: Ideb870847d48a7ce1b7028800293300100ad5293
Bug: 992824
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2067837Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#743432}

ui/file_manager/file_manager/foreground/elements/files_metadata_box.html

@@ -26,7 +26,11 @@
         width: 320px;
       }
 
-      .category {
+      :host([files-ng]) #box {
+        padding-top: 16px;
+      }
+
+      :host(:not([files-ng])) .category {
         color: #E6E6E6;
         font-size: 108%;
         font-weight: 500;
@@ -34,7 +38,15 @@
         vertical-align: bottom;
       }
 
-      :host(:not([files-ng])) hr {
+      :host([files-ng]) .category {
+        color: var(--google-grey-200);
+        font-family: 'Roboto Medium';
+        font-size: 14px;
+        line-height: 56px;
+        margin-inline-start: 32px;
+      }
+
+      hr {
         border-color: white;
         margin-top: 31px;
         opacity: 0.24;

ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html

@@ -19,6 +19,11 @@
         width: 320px;
       }
 
+      :host([files-ng]) #box {
+        line-height: 40px;
+        margin: 0;
+      }
+
       #box[hidden] {
         display: none;
       }