[MR] Add description field to MediaSink.

chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css

Index: chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css
diff --git a/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css b/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css
index 6bf244253084eda45608637276ff47ee38653477..09e5dac11917a8fc4bb1365f716dae6d6ff8e160 100644
--- a/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css
+++ b/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.css
@@ -77,11 +77,6 @@ paper-menu {
   padding-top: 4px;
 }
 
-.route {
-  color: rgb(150, 150, 150);
-  padding-top: 8px;
-}
-
 #searching-devices-spinner {
   height: 30px;
   width: 30px;
@@ -100,6 +95,17 @@ paper-menu {
   font-weight: normal;
 }
 
+.sink-subtext {

[imcheng, 2015/11/25 00:54:45]

Instead of making the subtext belong to both class sink-text and sink-subtext, I
merged the attributes of sink-text into sink-subtext and made the subtext only
class sink-subtext. Intuitively I feel this is better but you probably know more
CSS than I do.

[apacible, 2015/11/25 23:05:41]

Let's switch back to the previous CSS classes and keep the ".sink-subtext"
renaming, and switch to multi-classes for the sink subtext <div>.

We want to keep the ".sink-text" and ".sink-subtext" styling consistent with
what's in "sink-text", with additional styling for ".sink-subtext". Having
multiple classes for an element is normal in cases like this.

Unfortunately, CSS doesn't support 'native' inheritance, though some
pre-processors like Less (runs on node) supports abstracting out common CSS.

[imcheng, 2015/12/01 19:29:27]

Okay. Removed the additional properties from sink-subtext.

+  -webkit-padding-end: 26px;
+  color: rgb(150, 150, 150);
+  line-height: normal;
+  overflow: hidden;
+  padding-top: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 250px;
+}
+
 .sink-text {
   -webkit-padding-end: 26px;
   line-height: normal;
@@ -111,4 +117,4 @@ paper-menu {
 
 #route-details {
   margin-top: var(--container-header-height);
-}
+}