From 0380fa5a83290dbc0cd0bfc8601c049a1ddf6d74 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sun, 2 Aug 2015 15:08:55 -0400
Subject: [PATCH] update image processing

---
 dashboard-ui/css/librarybrowser.css           |  2 +-
 dashboard-ui/mypreferencesmenu.html           | 36 ++++++-------------
 .../thirdparty/paper-button-style.css         | 21 +++++++++--
 3 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 79d5dd3406..da225e3556 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -1531,7 +1531,7 @@ paper-icon-button.listviewMenuButton {
 
 @media all and (min-width: 1200px) {
 
-    li:hover .listViewUserDataButtons {
+    paper-icon-item:hover .listViewUserDataButtons {
         visibility: visible !important;
     }
 }
diff --git a/dashboard-ui/mypreferencesmenu.html b/dashboard-ui/mypreferencesmenu.html
index f51a60747e..b07c985d92 100644
--- a/dashboard-ui/mypreferencesmenu.html
+++ b/dashboard-ui/mypreferencesmenu.html
@@ -8,45 +8,29 @@
     <div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paperbuttonstyle,jqmicons">
 
         <style>
-            .avatar.green {
+            .listAvatar.green {
                 background-color: #81c784;
             }
 
-            .avatar.orange {
+            .listAvatar.orange {
                 background-color: #ffd54f;
             }
 
-            .avatar.blue {
+            .listAvatar.blue {
                 background-color: #4fc3f7;
             }
 
-            .avatar.red {
+            .listAvatar.red {
                 background-color: #e57373;
             }
-
-            .avatar {
-                display: inline-block;
-                width: 40px;
-                height: 40px;
-                border-radius: 50%;
-                overflow: hidden;
-                background: #ccc;
-            }
-
-            .list {
-                padding-top: 12px;
-                background-color: #303030;
-                margin: 12px auto;
-                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-            }
         </style>
         <div data-role="content">
             <div class="readOnlyContent" style="margin: 0 auto;">
                 <h1>${HeaderSettings}</h1>
-                <div class="list">
+                <div class="paperList">
                     <a href="#" class="clearLink lnkDisplayPreferences">
                         <paper-icon-item>
-                            <paper-fab class="avatar blue" icon="tv" item-icon></paper-fab>
+                            <paper-fab class="listAvatar blue" icon="tv" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonDisplaySettings}</div>
                                 <div secondary>${ButtonDisplaySettingsHelp}</div>
@@ -56,7 +40,7 @@
 
                     <a href="#" class="clearLink lnkHomeScreenPreferences">
                         <paper-icon-item>
-                            <paper-fab class="avatar red" icon="home" item-icon></paper-fab>
+                            <paper-fab class="listAvatar red" icon="home" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonHomeScreenSettings}</div>
                                 <div secondary>${ButtonHomeScreenSettingsHelp}</div>
@@ -66,7 +50,7 @@
 
                     <a href="#" class="clearLink lnkLanguagePreferences">
                         <paper-icon-item>
-                            <paper-fab class="avatar green" icon="play-circle-filled" item-icon></paper-fab>
+                            <paper-fab class="listAvatar green" icon="play-circle-filled" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonPlaybackSettings}</div>
                                 <div secondary>${ButtonPlaybackSettingsHelp}</div>
@@ -76,7 +60,7 @@
 
                     <a href="#" class="clearLink lnkMyProfile">
                         <paper-icon-item>
-                            <paper-fab class="avatar orange" icon="person" item-icon></paper-fab>
+                            <paper-fab class="listAvatar orange" icon="person" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonProfile}</div>
                                 <div secondary>${ButtonProfileHelp}</div>
@@ -86,7 +70,7 @@
 
                     <a href="#" class="clearLink lnkSync hide">
                         <paper-icon-item>
-                            <paper-fab class="avatar" icon="refresh" style="background-color:#673AB7;" item-icon></paper-fab>
+                            <paper-fab class="listAvatar" icon="refresh" style="background-color:#673AB7;" item-icon></paper-fab>
                             <paper-item-body two-line>
                                 <div>${ButtonSyncSettings}</div>
                                 <div secondary>${ButtonSyncHelp}</div>
diff --git a/dashboard-ui/thirdparty/paper-button-style.css b/dashboard-ui/thirdparty/paper-button-style.css
index 666dde4f56..c247991649 100644
--- a/dashboard-ui/thirdparty/paper-button-style.css
+++ b/dashboard-ui/thirdparty/paper-button-style.css
@@ -388,6 +388,23 @@ paper-menu-item {
 .ui-page-theme-b .unfocused-line.paper-input-container {
     background: #858585;
 }
+
 paper-textarea.mono textarea {
-    font-family: monospace!important;
-}
\ No newline at end of file
+    font-family: monospace !important;
+}
+
+.listAvatar {
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    overflow: hidden;
+    background: #ccc;
+}
+
+.paperList {
+    padding-top: 12px;
+    background-color: #303030;
+    margin: 12px auto;
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+}