From 53f0a1d9c8fa5a46a84b46474bbb10e15ed26de5 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Mon, 26 Oct 2015 14:55:46 -0400
Subject: [PATCH] fix list avatars

---
 .../medialibrarycreator.js                    |  2 +-
 .../medialibraryeditor/medialibraryeditor.js  |  2 +-
 .../subtitleeditor/subtitleeditor.js          |  4 +--
 dashboard-ui/devices/ie/ie.css                |  2 +-
 dashboard-ui/itemdetails.html                 |  2 +-
 dashboard-ui/mypreferencesmenu.html           | 33 +++++--------------
 dashboard-ui/scripts/dashboardpage.js         |  6 ++--
 dashboard-ui/scripts/devices.js               |  2 +-
 dashboard-ui/scripts/itemdetailpage.js        |  4 +--
 dashboard-ui/scripts/livetvcomponents.js      | 12 +++----
 dashboard-ui/scripts/livetvrecordings.js      |  2 +-
 dashboard-ui/scripts/livetvseriestimers.js    |  2 +-
 dashboard-ui/scripts/livetvstatus.js          |  6 ++--
 dashboard-ui/scripts/mypreferenceshome.js     |  2 +-
 dashboard-ui/scripts/notifications.js         |  4 +--
 dashboard-ui/scripts/notificationsettings.js  |  4 +--
 dashboard-ui/scripts/scheduledtaskspage.js    |  2 +-
 dashboard-ui/scripts/selectserver.js          |  4 +--
 dashboard-ui/scripts/syncjob.js               |  4 +--
 .../thirdparty/paper-button-style.css         |  9 -----
 20 files changed, 41 insertions(+), 67 deletions(-)

diff --git a/dashboard-ui/components/medialibrarycreator/medialibrarycreator.js b/dashboard-ui/components/medialibrarycreator/medialibrarycreator.js
index ef39f2abd6..cbeb952c65 100644
--- a/dashboard-ui/components/medialibrarycreator/medialibrarycreator.js
+++ b/dashboard-ui/components/medialibrarycreator/medialibrarycreator.js
@@ -113,7 +113,7 @@
 
         html += '<paper-icon-item role="menuitem" class="lnkPath">';
 
-        html += '<paper-fab class="listAvatar" style="background:#52B54B;" icon="folder" item-icon></paper-fab>';
+        html += '<paper-fab mini style="background:#52B54B;" icon="folder" item-icon></paper-fab>';
 
         html += '<paper-item-body>';
         html += path;
diff --git a/dashboard-ui/components/medialibraryeditor/medialibraryeditor.js b/dashboard-ui/components/medialibraryeditor/medialibraryeditor.js
index 584fc59e17..ab6f66c87c 100644
--- a/dashboard-ui/components/medialibraryeditor/medialibraryeditor.js
+++ b/dashboard-ui/components/medialibraryeditor/medialibraryeditor.js
@@ -55,7 +55,7 @@
 
         html += '<paper-icon-item role="menuitem" class="lnkPath">';
 
-        html += '<paper-fab class="listAvatar" style="background:#52B54B;" icon="folder" item-icon></paper-fab>';
+        html += '<paper-fab mini style="background:#52B54B;" icon="folder" item-icon></paper-fab>';
 
         html += '<paper-item-body>';
         html += path;
diff --git a/dashboard-ui/components/subtitleeditor/subtitleeditor.js b/dashboard-ui/components/subtitleeditor/subtitleeditor.js
index a44e538b36..1ae2c353b8 100644
--- a/dashboard-ui/components/subtitleeditor/subtitleeditor.js
+++ b/dashboard-ui/components/subtitleeditor/subtitleeditor.js
@@ -104,7 +104,7 @@
 
                 itemHtml += '<paper-icon-item>';
 
-                itemHtml += '<paper-fab class="listAvatar blue" icon="closed-caption" item-icon></paper-fab>';
+                itemHtml += '<paper-fab mini class="blue" icon="closed-caption" item-icon></paper-fab>';
 
                 var atts = [];
 
@@ -228,7 +228,7 @@
 
             html += '<paper-icon-item>';
 
-            html += '<paper-fab class="listAvatar blue" icon="closed-caption" item-icon></paper-fab>';
+            html += '<paper-fab mini class="blue" icon="closed-caption" item-icon></paper-fab>';
 
             if (result.Comment) {
                 html += '<paper-item-body three-line>';
diff --git a/dashboard-ui/devices/ie/ie.css b/dashboard-ui/devices/ie/ie.css
index 7fb2dd0e90..40de0f08fe 100644
--- a/dashboard-ui/devices/ie/ie.css
+++ b/dashboard-ui/devices/ie/ie.css
@@ -4,4 +4,4 @@
 
 paper-fab.keyboard-focus.paper-fab-0 {
     background: #444;
-}
+}
\ No newline at end of file
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 4921f38618..60dbf8d12b 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -145,7 +145,7 @@
                         <p id="awardSummary"></p>
                         <div class="paperList" id="criticRatingSummary">
                             <paper-icon-item>
-                                <paper-fab class="listAvatar" style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></paper-fab>
+                                <paper-fab mini style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></paper-fab>
                                 <paper-item-body three-line>
                                     <div>TOMATOMETER®</div>
                                     <div class="criticRatingScore"></div>
diff --git a/dashboard-ui/mypreferencesmenu.html b/dashboard-ui/mypreferencesmenu.html
index ae617cb436..2fc5731407 100644
--- a/dashboard-ui/mypreferencesmenu.html
+++ b/dashboard-ui/mypreferencesmenu.html
@@ -7,30 +7,13 @@
 <body>
     <div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paperbuttonstyle">
 
-        <style>
-            .listAvatar.green {
-                background-color: #81c784;
-            }
-
-            .listAvatar.orange {
-                background-color: #ffd54f;
-            }
-
-            .listAvatar.blue {
-                background-color: #4fc3f7;
-            }
-
-            .listAvatar.red {
-                background-color: #e57373;
-            }
-        </style>
         <div data-role="content">
             <div class="readOnlyContent" style="margin: 0 auto;">
                 <h1 class="settingsMenuHeader">${HeaderSettings}</h1>
                 <div class="paperList">
                     <a href="#" class="clearLink lnkDisplayPreferences">
                         <paper-icon-item>
-                            <paper-fab class="listAvatar blue" icon="tv" item-icon></paper-fab>
+                            <paper-fab mini class="blue" icon="tv" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonDisplaySettings}</div>
                                 <div secondary>${ButtonDisplaySettingsHelp}</div>
@@ -40,7 +23,7 @@
 
                     <a href="#" class="clearLink lnkHomeScreenPreferences">
                         <paper-icon-item>
-                            <paper-fab class="listAvatar red" icon="home" item-icon></paper-fab>
+                            <paper-fab mini class="red" icon="home" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonHomeScreenSettings}</div>
                                 <div secondary>${ButtonHomeScreenSettingsHelp}</div>
@@ -50,7 +33,7 @@
 
                     <a href="#" class="clearLink lnkLanguagePreferences">
                         <paper-icon-item>
-                            <paper-fab class="listAvatar green" icon="play-circle-filled" item-icon></paper-fab>
+                            <paper-fab mini class="green" icon="play-circle-filled" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonPlaybackSettings}</div>
                                 <div secondary>${ButtonPlaybackSettingsHelp}</div>
@@ -60,7 +43,7 @@
 
                     <a href="#" class="clearLink lnkMyProfile">
                         <paper-icon-item>
-                            <paper-fab class="listAvatar orange" icon="person" item-icon></paper-fab>
+                            <paper-fab mini class="orange" icon="person" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonProfile}</div>
                                 <div secondary>${ButtonProfileHelp}</div>
@@ -70,7 +53,7 @@
 
                     <a href="#" class="clearLink lnkSync hide">
                         <paper-icon-item>
-                            <paper-fab class="listAvatar" icon="sync" style="background-color: #673AB7;" item-icon></paper-fab>
+                            <paper-fab mini icon="sync" style="background-color: #673AB7;" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonSyncSettings}</div>
                                 <div secondary>${ButtonSyncSettingsHelp}</div>
@@ -84,13 +67,13 @@
                     <div class="paperList">
                         <a href="selectserver.html" class="clearLink">
                             <paper-icon-item>
-                                <paper-fab class="listAvatar" icon="wifi" style="background-color: #444;" item-icon></paper-fab>
+                                <paper-fab mini icon="wifi" style="background-color: #444;" item-icon></paper-fab>
                                 <paper-item-body two-line>
                                     <div>${HeaderSelectServer}</div>
                                 </paper-item-body>
                             </paper-icon-item>
                             <paper-icon-item class="btnLogout">
-                                <paper-fab class="listAvatar" icon="lock" style="background-color: #444;" item-icon></paper-fab>
+                                <paper-fab mini icon="lock" style="background-color: #444;" item-icon></paper-fab>
                                 <paper-item-body two-line>
                                     <div>${ButtonSignOut}</div>
                                 </paper-item-body>
@@ -104,7 +87,7 @@
                     <div class="paperList">
                         <a href="dashboard.html" class="clearLink">
                             <paper-icon-item>
-                                <paper-fab class="listAvatar" icon="settings" style="background-color: #444;" item-icon></paper-fab>
+                                <paper-fab mini icon="settings" style="background-color: #444;" item-icon></paper-fab>
                                 <paper-item-body two-line>
                                     <div>${ButtonServerDashboard}</div>
                                 </paper-item-body>
diff --git a/dashboard-ui/scripts/dashboardpage.js b/dashboard-ui/scripts/dashboardpage.js
index a70c4cb10f..4ac3c32956 100644
--- a/dashboard-ui/scripts/dashboardpage.js
+++ b/dashboard-ui/scripts/dashboardpage.js
@@ -129,7 +129,7 @@
                 itemHtml += '<a class="clearLink" href="' + item.Link + '" target="_blank">';
                 itemHtml += '<paper-icon-item>';
 
-                itemHtml += '<paper-fab class="listAvatar blue" icon="dvr" item-icon></paper-fab>';
+                itemHtml += '<paper-fab mini class="blue" icon="dvr" item-icon></paper-fab>';
 
                 itemHtml += '<paper-item-body three-line>';
 
@@ -1094,10 +1094,10 @@ $(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pageb
                 height: 40
             });
 
-            html += '<paper-fab class="listAvatar" style="background-color:' + color + ';background-image:url(\'' + userImgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
+            html += '<paper-fab mini style="background-color:' + color + ';background-image:url(\'' + userImgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
         }
         else {
-            html += '<paper-fab class="listAvatar" icon="dvr" style="background-color:' + color + '" item-icon></paper-fab>';
+            html += '<paper-fab mini icon="dvr" style="background-color:' + color + '" item-icon></paper-fab>';
         }
 
         html += '<paper-item-body three-line>';
diff --git a/dashboard-ui/scripts/devices.js b/dashboard-ui/scripts/devices.js
index d8d2cebc03..faa200b05a 100644
--- a/dashboard-ui/scripts/devices.js
+++ b/dashboard-ui/scripts/devices.js
@@ -36,7 +36,7 @@
             var deviceHtml = '';
             deviceHtml += '<paper-icon-item>';
 
-            deviceHtml += '<paper-fab class="listAvatar" style="background:#999;" icon="tablet-android" item-icon></paper-fab>';
+            deviceHtml += '<paper-fab mini style="background:#999;" icon="tablet-android" item-icon></paper-fab>';
 
             deviceHtml += '<paper-item-body three-line>';
             deviceHtml += '<a class="clearLink" href="device.html?id=' + d.Id + '">';
diff --git a/dashboard-ui/scripts/itemdetailpage.js b/dashboard-ui/scripts/itemdetailpage.js
index 4bfd1ee808..c6ccd4f607 100644
--- a/dashboard-ui/scripts/itemdetailpage.js
+++ b/dashboard-ui/scripts/itemdetailpage.js
@@ -1130,9 +1130,9 @@
             else if (review.Likes != null) {
 
                 if (review.Likes) {
-                    html += '<paper-fab class="listAvatar" style="background-color:transparent;background-image:url(\'css/images/fresh.png\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
+                    html += '<paper-fab mini style="background-color:transparent;background-image:url(\'css/images/fresh.png\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
                 } else {
-                    html += '<paper-fab class="listAvatar" style="background-color:transparent;background-image:url(\'css/images/rotten.png\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
+                    html += '<paper-fab mini style="background-color:transparent;background-image:url(\'css/images/rotten.png\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
                 }
             }
 
diff --git a/dashboard-ui/scripts/livetvcomponents.js b/dashboard-ui/scripts/livetvcomponents.js
index e34a5c704b..5989679f88 100644
--- a/dashboard-ui/scripts/livetvcomponents.js
+++ b/dashboard-ui/scripts/livetvcomponents.js
@@ -39,22 +39,22 @@
             }
 
             if (imgUrl) {
-                html += '<paper-fab class="listAvatar blue" style="background-image:url(\'' + imgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
+                html += '<paper-fab mini class="blue" style="background-image:url(\'' + imgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
             }
             else if (program.IsKids) {
-                html += '<paper-fab class="listAvatar" style="background:#2196F3;" icon="person" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#2196F3;" icon="person" item-icon></paper-fab>';
             }
             else if (program.IsSports) {
-                html += '<paper-fab class="listAvatar" style="background:#8BC34A;" icon="person" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#8BC34A;" icon="person" item-icon></paper-fab>';
             }
             else if (program.IsMovie) {
-                html += '<paper-fab class="listAvatar" icon="movie" item-icon></paper-fab>';
+                html += '<paper-fab mini icon="movie" item-icon></paper-fab>';
             }
             else if (program.IsNews) {
-                html += '<paper-fab class="listAvatar" style="background:#673AB7;" icon="new-releases" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#673AB7;" icon="new-releases" item-icon></paper-fab>';
             }
             else {
-                html += '<paper-fab class="listAvatar blue" icon="live-tv" item-icon></paper-fab>';
+                html += '<paper-fab mini class="blue" icon="live-tv" item-icon></paper-fab>';
             }
 
             html += '<paper-item-body two-line>';
diff --git a/dashboard-ui/scripts/livetvrecordings.js b/dashboard-ui/scripts/livetvrecordings.js
index 8131afa595..3266f891c3 100644
--- a/dashboard-ui/scripts/livetvrecordings.js
+++ b/dashboard-ui/scripts/livetvrecordings.js
@@ -6,7 +6,7 @@
 
         html += '<paper-icon-item>';
 
-        html += '<paper-fab class="listAvatar blue" icon="live-tv" item-icon></paper-fab>';
+        html += '<paper-fab mini class="blue" icon="live-tv" item-icon></paper-fab>';
 
         html += '<paper-item-body two-line>';
         html += '<a href="livetvrecordinglist.html?groupid=' + group.Id + '" class="clearLink">';
diff --git a/dashboard-ui/scripts/livetvseriestimers.js b/dashboard-ui/scripts/livetvseriestimers.js
index 196ff9b3e4..3a6736b183 100644
--- a/dashboard-ui/scripts/livetvseriestimers.js
+++ b/dashboard-ui/scripts/livetvseriestimers.js
@@ -39,7 +39,7 @@
 
             html += '<paper-icon-item>';
 
-            html += '<paper-fab class="listAvatar" icon="live-tv" item-icon></paper-fab>';
+            html += '<paper-fab mini icon="live-tv" item-icon></paper-fab>';
 
             html += '<paper-item-body three-line>';
             html += '<a class="clearLink" href="livetvseriestimer.html?id=' + timer.Id + '">';
diff --git a/dashboard-ui/scripts/livetvstatus.js b/dashboard-ui/scripts/livetvstatus.js
index 6d3e44e7e4..4372424d16 100644
--- a/dashboard-ui/scripts/livetvstatus.js
+++ b/dashboard-ui/scripts/livetvstatus.js
@@ -32,7 +32,7 @@
                 var tuner = tuners[i];
                 html += '<paper-icon-item>';
 
-                html += '<paper-fab class="listAvatar" style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
 
                 html += '<paper-item-body two-line>';
 
@@ -196,7 +196,7 @@
 
                 html += '<paper-icon-item>';
 
-                html += '<paper-fab class="listAvatar" style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#52B54B;" icon="live-tv" item-icon></paper-fab>';
 
                 html += '<paper-item-body two-line>';
                 html += '<a class="clearLink" href="' + href + '">';
@@ -300,7 +300,7 @@
                 var provider = providers[i];
                 html += '<paper-icon-item>';
 
-                html += '<paper-fab class="listAvatar" style="background:#52B54B;" icon="dvr" item-icon></paper-fab>';
+                html += '<paper-fab mini style="background:#52B54B;" icon="dvr" item-icon></paper-fab>';
 
                 html += '<paper-item-body two-line>';
 
diff --git a/dashboard-ui/scripts/mypreferenceshome.js b/dashboard-ui/scripts/mypreferenceshome.js
index 2612856f4b..e25e001bf4 100644
--- a/dashboard-ui/scripts/mypreferenceshome.js
+++ b/dashboard-ui/scripts/mypreferenceshome.js
@@ -95,7 +95,7 @@
 
             currentHtml += '<paper-icon-item class="viewItem" data-viewid="' + view.Id + '">';
 
-            currentHtml += '<paper-fab class="listAvatar" style="background-color:#444;" icon="folder-open" item-icon></paper-fab>';
+            currentHtml += '<paper-fab mini style="background-color:#444;" icon="folder-open" item-icon></paper-fab>';
 
             currentHtml += '<paper-item-body>';
 
diff --git a/dashboard-ui/scripts/notifications.js b/dashboard-ui/scripts/notifications.js
index ecad7ddfdd..96dae57942 100644
--- a/dashboard-ui/scripts/notifications.js
+++ b/dashboard-ui/scripts/notifications.js
@@ -130,9 +130,9 @@
         itemHtml += '<paper-icon-item>';
 
         if (notification.Level == "Error") {
-            itemHtml += '<paper-fab class="listAvatar" style="background:#cc3333;" icon="error" item-icon></paper-fab>';
+            itemHtml += '<paper-fab mini class="" style="background:#cc3333;" icon="error" item-icon></paper-fab>';
         } else {
-            itemHtml += '<paper-fab class="listAvatar blue" icon="dvr" item-icon></paper-fab>';
+            itemHtml += '<paper-fabmini  class="blue" icon="dvr" item-icon></paper-fab>';
         }
 
         itemHtml += '<paper-item-body three-line>';
diff --git a/dashboard-ui/scripts/notificationsettings.js b/dashboard-ui/scripts/notificationsettings.js
index 93d47ab43e..3f57ae3dab 100644
--- a/dashboard-ui/scripts/notificationsettings.js
+++ b/dashboard-ui/scripts/notificationsettings.js
@@ -32,10 +32,10 @@
                 itemHtml += '<paper-icon-item>';
 
                 if (i.Enabled) {
-                    itemHtml += '<paper-fab class="listAvatar blue" icon="notifications-active" item-icon></paper-fab>';
+                    itemHtml += '<paper-fab mini class="blue" icon="notifications-active" item-icon></paper-fab>';
                 }
                 else {
-                    itemHtml += '<paper-fab class="listAvatar" style="background-color:#999;" icon="notifications-off" item-icon></paper-fab>';
+                    itemHtml += '<paper-fab mini style="background-color:#999;" icon="notifications-off" item-icon></paper-fab>';
                 }
 
                 itemHtml += '<paper-item-body two-line>';
diff --git a/dashboard-ui/scripts/scheduledtaskspage.js b/dashboard-ui/scripts/scheduledtaskspage.js
index c908424a29..d177f12672 100644
--- a/dashboard-ui/scripts/scheduledtaskspage.js
+++ b/dashboard-ui/scripts/scheduledtaskspage.js
@@ -53,7 +53,7 @@
             html += '<paper-icon-item class="scheduledTaskPaperIconItem" data-status="' + task.State + '">';
 
             html += "<a item-icon class='clearLink' href='scheduledtask.html?id=" + task.Id + "'>";
-            html += '<paper-fab class="listAvatar" icon="schedule"></paper-fab>';
+            html += '<paper-fab mini icon="schedule"></paper-fab>';
             html += "</a>";
 
             html += '<paper-item-body two-line>';
diff --git a/dashboard-ui/scripts/selectserver.js b/dashboard-ui/scripts/selectserver.js
index 9bfad7634b..aa7c1adcab 100644
--- a/dashboard-ui/scripts/selectserver.js
+++ b/dashboard-ui/scripts/selectserver.js
@@ -50,7 +50,7 @@
 
         html += '<paper-icon-item class="serverItem" data-id="' + server.Id + '">';
 
-        html += '<paper-fab class="listAvatar blue lnkServer" icon="wifi" item-icon></paper-fab>';
+        html += '<paper-fab mini class="blue lnkServer" icon="wifi" item-icon></paper-fab>';
 
         html += '<paper-item-body class="lnkServer" two-line>';
         html += '<a class="clearLink" href="#">';
@@ -259,7 +259,7 @@
 
         html += '<paper-icon-item class="inviteItem" data-id="' + invite.Id + '">';
 
-        html += '<paper-fab class="listAvatar blue lnkServer" icon="wifi" item-icon></paper-fab>';
+        html += '<paper-fab mini class="blue lnkServer" icon="wifi" item-icon></paper-fab>';
 
         html += '<paper-item-body two-line>';
 
diff --git a/dashboard-ui/scripts/syncjob.js b/dashboard-ui/scripts/syncjob.js
index d54600cd30..e9518ad0dd 100644
--- a/dashboard-ui/scripts/syncjob.js
+++ b/dashboard-ui/scripts/syncjob.js
@@ -61,10 +61,10 @@
         }
 
         if (imgUrl) {
-            html += '<paper-fab class="listAvatar blue" style="background-image:url(\'' + imgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
+            html += '<paper-fab mini class="blue" style="background-image:url(\'' + imgUrl + '\');background-repeat:no-repeat;background-position:center center;background-size: cover;" item-icon></paper-fab>';
         }
         else {
-            html += '<paper-fab class="listAvatar blue" icon="sync" item-icon></paper-fab>';
+            html += '<paper-fab mini class="blue" icon="sync" item-icon></paper-fab>';
         }
 
         html += '<paper-item-body three-line>';
diff --git a/dashboard-ui/thirdparty/paper-button-style.css b/dashboard-ui/thirdparty/paper-button-style.css
index 11c7356937..cbc7c39573 100644
--- a/dashboard-ui/thirdparty/paper-button-style.css
+++ b/dashboard-ui/thirdparty/paper-button-style.css
@@ -459,15 +459,6 @@ paper-textarea.mono textarea {
     font-family: monospace !important;
 }
 
-.listAvatar {
-    display: inline-block;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    overflow: hidden;
-    background: #ccc;
-}
-
 .paperList {
     padding-top: 12px;
     margin: 12px auto;