From c96edef27f68cc4881330194d16d152b043da590 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 6 Apr 2016 00:22:57 -0400
Subject: [PATCH] add help text

---
 .../emby-collapsible/emby-collapsible.html    | 12 +++--
 .../metadataeditor.template.html              |  2 +
 dashboard-ui/css/librarymenu.css              | 46 +++++++++++--------
 dashboard-ui/scripts/site.js                  | 12 +++--
 4 files changed, 46 insertions(+), 26 deletions(-)

diff --git a/dashboard-ui/bower_components/emby-collapsible/emby-collapsible.html b/dashboard-ui/bower_components/emby-collapsible/emby-collapsible.html
index 3bbc8d9d7..bee2b5380 100644
--- a/dashboard-ui/bower_components/emby-collapsible/emby-collapsible.html
+++ b/dashboard-ui/bower_components/emby-collapsible/emby-collapsible.html
@@ -23,16 +23,22 @@
             }
 
             :host:not([icon]) #titleIcon {
-                display: none!important;
+                display: none !important;
             }
 
             :host #titleIcon {
                 margin-right: 1em;
             }
+
+            :host #expandButton {
+                margin: 0;
+                display: flex;
+                align-items: center;
+            }
         </style>
         <div>
-            <paper-button on-tap="toggleExpand" id="expandButton" class="emby-collapsible-button" style="margin:0;display: flex; align-items: center;">
-                <iron-icon id="titleIcon" icon="[[icon]]"></iron-icon>
+            <paper-button on-tap="toggleExpand" id="expandButton" class="emby-collapsible-button">
+                <iron-icon id="titleIcon" icon="[[icon]]" style="[[iconstyle]]"></iron-icon>
                 <h3 class="emby-collapsible-title" title="[[title]]">[[title]]</h3>
                 <iron-icon id="expandIcon" style="margin-left: auto; margin-right: .5em;"></iron-icon>
             </paper-button>
diff --git a/dashboard-ui/components/metadataeditor/metadataeditor.template.html b/dashboard-ui/components/metadataeditor/metadataeditor.template.html
index 39ee379a5..32dde531a 100644
--- a/dashboard-ui/components/metadataeditor/metadataeditor.template.html
+++ b/dashboard-ui/components/metadataeditor/metadataeditor.template.html
@@ -31,6 +31,8 @@
             </div>
             <div id="fldDateAdded" style="display: none;">
                 <paper-input id="txtDateAdded" type="date" label="${LabelDateAdded}"></paper-input>
+                <div class="fieldDescription">${ConfigureDateAdded}</div>
+                <br/>
             </div>
             <div id="fldStatus" style="display: none;margin:1em 0;">
                 <label for="selectStatus" class="selectLabel">${LabelStatus}</label>
diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index e2cd50270..58090488e 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -458,10 +458,13 @@ body:not(.dashboardDocument) .btnNotifications {
 .adminDrawerPanel #drawer .emby-collapsible-title {
     font-size: inherit;
     text-transform: none;
-    color: #333;
     margin: .7em 0;
 }
 
+.adminDrawerPanel #drawer #expandButton {
+    color: #333;
+}
+
 .adminDrawerLogo {
     padding: 1.5em 1em 1.2em;
     border-bottom: 1px solid #e0e0e0;
@@ -477,9 +480,12 @@ body:not(.dashboardDocument) .btnNotifications {
     height: 30px;
 }
 
-.adminDrawerPanel #drawer #titleIcon {
-    color: #666;
-    height: 20px;
+.adminDrawerPanel #drawer #expandIcon {
+    color: #000;
+}
+
+.adminDrawerPanel #drawer emby-collapsible > .style-scope {
+    margin: .7em 0;
 }
 
 .adminDrawerPanel:not([narrow]) .libraryMenuButtonText {
@@ -517,22 +523,22 @@ body:not(.dashboardDocument) .btnNotifications {
         padding-top: 1em !important;
     }
 
-    .adminAppsButton{
-        display: block;
-        color: inherit!important;
-        font-weight: normal!important;
-        text-align: center;
-    }
-
-    .adminAppsButton{
-        width: 5.3vw;
-    }
-
-.adminAppsButton + .adminAppsButton {
-    margin-left: 1.5em;
+.adminAppsButton {
+    display: block;
+    color: inherit !important;
+    font-weight: normal !important;
+    text-align: center;
 }
 
-.adminAppsButton paper-icon-button{
-    width: 4.5vh;
-    height: 4.5vh;
+.adminAppsButton {
+    width: 5.3vw;
 }
+
+    .adminAppsButton + .adminAppsButton {
+        margin-left: 1.5em;
+    }
+
+    .adminAppsButton paper-icon-button {
+        width: 4.5vh;
+        height: 4.5vh;
+    }
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index ee34beda8..b1cf66e7e 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -690,11 +690,11 @@ var Dashboard = {
 
             if (item.items) {
 
+                var style = item.color ? ' iconstyle="color:' + item.color + '"' : '';
                 if (item.icon) {
-                    var style = item.color ? ' style="color:' + item.color + '"' : '';
-                    menuHtml += '<emby-collapsible icon="' + item.icon + '" title="' + item.name + '">';
+                    menuHtml += '<emby-collapsible icon="' + item.icon + '" title="' + item.name + '"' + style + '>';
                 } else {
-                    menuHtml += '<emby-collapsible title="' + item.name + '">';
+                    menuHtml += '<emby-collapsible title="' + item.name + '"' + style + '>';
                 }
                 menuHtml += item.items.map(Dashboard.getToolsLinkHtml).join('');
                 menuHtml += '</emby-collapsible>';
@@ -746,6 +746,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabLibrary'),
             icon: 'folder',
+            color: '#ECA403',
             items: [
                 {
                     name: Globalize.translate('TabFolders'),
@@ -793,6 +794,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('DLNA'),
             icon: 'live-tv',
+            color: '#E5342E',
             items: [
                 {
                     name: Globalize.translate('TabSettings'),
@@ -810,6 +812,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabLiveTV'),
             icon: 'dvr',
+            color: '#293AAE',
             items: [
                 {
                     name: Globalize.translate('TabSettings'),
@@ -833,6 +836,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabPlayback'),
             icon: 'play-circle-filled',
+            color: '#E5342E',
             items: [
                 {
                     name: Globalize.translate('TabCinemaMode'),
@@ -862,6 +866,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabPlugins'),
             icon: 'add-shopping-cart',
+            color: '#9D22B1',
             items: [
                 {
                     name: Globalize.translate('TabMyPlugins'),
@@ -904,6 +909,7 @@ var Dashboard = {
         }, {
             name: Globalize.translate('TabAdvanced'),
             icon: 'settings',
+            color: '#F16834',
             items: [
                 {
                     name: Globalize.translate('TabAutoOrganize'),