From 05b8c1e9d1ea030e6eb90e32978dddc09e9e9fe7 Mon Sep 17 00:00:00 2001
From: Topher Fangio <fangiotophia@gmail.com>
Date: Thu, 14 Apr 2016 16:51:13 -0500
Subject: [PATCH] fix(list): Correct avatar/icon size/spacing.

Closes #8053
---
 src/components/list/list.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/list/list.scss b/src/components/list/list.scss
index 29ce6044105..49138f04b7f 100644
--- a/src/components/list/list.scss
+++ b/src/components/list/list.scss
@@ -82,6 +82,7 @@ md-list {
           @include rtl-prop(margin-right, margin-left, $list-item-primary-width - $list-item-dense-primary-avatar-width);
         }
         .md-avatar {
+          flex: none;
           width: $list-item-dense-primary-avatar-width;
           height: $list-item-dense-primary-avatar-width;
         }
@@ -267,11 +268,19 @@ md-list-item {
       box-sizing: content-box;
     }
     & .md-avatar {
+      flex: none;
       width: $list-item-primary-avatar-width;
       height: $list-item-primary-avatar-width;
     }
     & .md-avatar-icon {
       padding: 8px;
+
+      // Set the width/height to the same as the icon to fix issue on iOS Safari where the
+      // height: 100% was causing it to be larger than it's parent
+      svg {
+        width: $icon-size;
+        height: $icon-size;
+      }
     }
 
     & > md-checkbox {