Quick View: Update UI to meet the latest mock.

ui/file_manager/file_manager/foreground/elements/files_quick_view.css

Index: ui/file_manager/file_manager/foreground/elements/files_quick_view.css
diff --git a/ui/file_manager/file_manager/foreground/elements/files_quick_view.css b/ui/file_manager/file_manager/foreground/elements/files_quick_view.css
index e29aa7a75f0cacffa832fa5ba8803b1c8d521b33..04ab61bdcdc1b94044655e04cffd570b3b94b236 100644
--- a/ui/file_manager/file_manager/foreground/elements/files_quick_view.css
+++ b/ui/file_manager/file_manager/foreground/elements/files_quick_view.css
@@ -66,6 +66,14 @@ video::-webkit-media-controls-volume-slider {
   margin-right: 320px;
 }
 
+#metadata-button {
+  background: -webkit-image-set(
+      url(../images/files/ui/quick_view/info_outline.png) 1x,
+      url(../images/files/ui/quick_view/2x/info_outline.png) 2x)
+    center
+    no-repeat;
+}
+
 #innerContentPanel {
   background-color: transparent;
   color: white;
@@ -92,22 +100,31 @@ video::-webkit-media-controls-volume-slider {
 }
 
 #toolbar {
-  --paper-toolbar-background: rgb(60, 60, 60);
+  --paper-toolbar-background: rgb(40, 42, 45);
   --paper-toolbar-height: 48px;
   color: white;
   margin: 0;
+  opacity: 0.9;
   padding: 0;
   width: 100%;
   z-index: 1;
 }
 
+#metadata-button {
+  --files-icon-button-activated-theme: {
+    background: white;
+    opacity: 0.3;
+  };
+}
+
 #buttons {
   display: flex;
   position: absolute;
   right: 0px;
 }
 
-paper-button {
+paper-button,
+files-icon-button {
   border-radius: 2px;
   height: 32px;
   margin: 0 8px;
@@ -121,19 +138,33 @@ iron-icon {
 }
 
 #metadata-box {
-  background-color: rgba(40, 40, 44, 0.8);
+  background-color: rgba(20, 22, 24, 0.8);
   bottom: 0;
   height: 100%;
   margin: 0;
+  opacity: 0.8;
+  overflow-y: auto;
   position: absolute;
   right: 0;
 }
 
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-clip: content-box;
+  background-color: rgb(118, 118, 121);
+  border: 2.5px solid transparent;
+  width: 5px;
+}
+
 [hidden] {
   display: none;
 }
 
 .no-preview {
+  font-size: 115%;
   margin-top: 16px;
 }