MD Downloads: update "expanded" (i.e. in progress) cards

chrome/browser/resources/md_downloads/item.css

Index: chrome/browser/resources/md_downloads/item.css
diff --git a/chrome/browser/resources/md_downloads/item.css b/chrome/browser/resources/md_downloads/item.css
index 695bc45b784ffcc026622a8a46f4e82fbcbf26ba..dad605ece35911b0c1f7dfc39621228338cc4a62 100644
--- a/chrome/browser/resources/md_downloads/item.css
+++ b/chrome/browser/resources/md_downloads/item.css
@@ -70,6 +70,12 @@
   width: 32px;
 }
 
+#content.show-progress #file-icon-wrapper {
+  /* TODO(dbeam): animate from top-aligned to centered when items finish? */
+  align-self: flex-start;
+  padding-top: 16px;
+}
+
 #content:not(.is-active) .icon {
   -webkit-filter: grayscale(100%);
 }
@@ -144,9 +150,8 @@
   width: auto;
 }
 
-/* TODO(dbeam): open up a CSS mixin instead in Polymer. */
-#progress /deep/ #progressContainer {
-  border-radius: 2px;
+#content:not(.show-progress) #progress {
+  display: none;
 }
 
 #cancel,