MD downloads: fix more date and page title issues

chrome/browser/resources/md_downloads/item.css

 /* Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 :host {
   @apply(--downloads-shared-style);
   display: flex;
   margin: 32px 0;
 }
 
 :host([hide-date]) {
   margin-top: -16px;
 }
 
+/* Day separators. */
+:host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper,

[michaelpg, 2015/07/30 02:39:20]

this line: https://memegen.googleplex.com/templateimage?template=whoa4

:-webkit-any: https://memegen.googleplex.com/templateimage?template=mind_blown

:host(): why the outer parens? I see Polymer does this too but idk why.

[Dan Beam, 2015/07/30 02:46:43]

it's just the syntax:
https://drafts.csswg.org/css-scoping/#selectordef-host-function

+                                                          #since) {
+  border-top: 1px solid rgba(0, 0, 0, .2);  /* TODO(dbeam): real color. */
+  padding-top: 32px;
+}
+
 #date-container,
 #end-cap {
   flex: 1 0 var(--downloads-side-column-basis);
 }
 
 #date-container > * {
   -webkit-margin-start: 24px;
+  color: #616161;
+  font-size: 107.69%;
+  font-weight: bold;
 }
 
 :host([hide-date]) #date-container {
   visibility: hidden;
 }
 
 #content {
   background: white;
   border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */
   display: flex;
@@ skipping 97 matching lines @@
 }
 
 #remove {
   --paper-icon-button: {
     height: 16px;
     width: 16px;
   };
   --iron-icon-height: 16px;
   --iron-icon-width: 16px;
 }