From 915dd9baff9e69eb4e1fe363f732eaa0eec829fd Mon Sep 17 00:00:00 2001
From: Kara Erickson <karakara@google.com>
Date: Mon, 4 Apr 2016 14:41:07 -0700
Subject: [PATCH] feat(list): add dividers to lists

---
 src/components/list/list.scss    | 7 +++++++
 src/demo-app/list/list-demo.html | 4 +---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/list/list.scss b/src/components/list/list.scss
index d6b61286ebb..89b472c9ea6 100644
--- a/src/components/list/list.scss
+++ b/src/components/list/list.scss
@@ -175,4 +175,11 @@ md-list[dense] {
 
     @include md-line-base($md-dense-font-size);
   }
+
+}
+
+md-divider {
+  display: block;
+  border-top: 1px solid md-color($md-foreground, divider);
+  margin: 0;
 }
\ No newline at end of file
diff --git a/src/demo-app/list/list-demo.html b/src/demo-app/list/list-demo.html
index 01f300b7a5e..1485304de05 100644
--- a/src/demo-app/list/list-demo.html
+++ b/src/demo-app/list/list-demo.html
@@ -32,9 +32,7 @@
           <span class="demo-secondary-text">{{message.message}}</span>
         </p>
       </md-list-item>
-    </md-list>
-    
-    <md-list>
+      <md-divider></md-divider>
       <md-list-item *ngFor="#message of messages">
         <h4 md-line>{{message.from}}</h4>
         <p md-line> {{message.subject}} </p>