MD downloads: add a narrow mode for smaller windows

chrome/browser/resources/md_downloads/toolbar.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);
   align-items: center;
   background: rgb(63, 85, 102);
   color: white;
   content-sizing: padding-box;
@@ skipping 21 matching lines @@
   width: var(--downloads-item-width);
 }
 
 #search {
   display: flex;
   justify-content: flex-end;
 }
 
 #search-term {
   --paper-input-container-color: rgba(255, 255, 255, .5);
+  --paper-input-container-focus-color: white;
   --paper-input-container-input: {
     font-size: 14px;
   };
   --paper-input-container-input-color: white;
-  --paper-input-container-focus-color: white;
   --paper-input-container-label: {
     font-size: 14px;
   };
   -webkit-margin-end: 8px;
 }
+
+paper-menu-button {
+  --paper-menu-button: {
+    padding: 0;
+  };
+}
+
+paper-item {
+  -webkit-user-select: none;
+  cursor: pointer;
+  font: inherit;
+}
+
+paper-item:hover {
+  background: #eaeaea;  /* TODO(dbeam): real color? */
+}
+
+@media not all and (max-width: 1024px) {
+  /* Hide vertical dot menu when there's enough room for #actions. */
+  paper-menu-button {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
+  #actions {
+    display: none;
+  }
+}