From 08921bdaaf7915627a88a67f15a227061be0d9ac Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Fri, 28 Feb 2014 23:12:56 -0500
Subject: [PATCH] added unidentified indicators

---
 dashboard-ui/css/librarybrowser.css    | 22 +++++++++++++++++++++-
 dashboard-ui/css/notifications.css     | 17 +----------------
 dashboard-ui/scripts/librarybrowser.js |  4 ++++
 dashboard-ui/scripts/notifications.js  |  8 ++++----
 4 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index a268f6d7d..9ce0576fe 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -385,7 +385,7 @@ a.itemTag:hover {
     background-size: cover;
     background-position: center 15%;
     background-repeat: no-repeat;
-    height: 500px;
+    height: 550px;
     border-bottom: 1px solid #111;
     position: relative;
 }
@@ -869,6 +869,26 @@ a.itemTag:hover {
         background-color: transparent !important;
     }
 
+.unidentifiedIndicator {
+    display: block;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    text-align: center;
+    vertical-align: middle;
+    width: 24px;
+    height: 19px;
+    padding-top: 3px;
+    border-radius: 50%;
+    color: #fff;
+    background: rgb(204, 0, 0);
+    background: rgba(204, 0, 0, .8);
+}
+
+    .unidentifiedIndicator div:after {
+        background-color: transparent !important;
+    }
+
 .itemProgress {
     vertical-align: top;
     font-size: 19px;
diff --git a/dashboard-ui/css/notifications.css b/dashboard-ui/css/notifications.css
index 8d84476b7..5c96a2315 100644
--- a/dashboard-ui/css/notifications.css
+++ b/dashboard-ui/css/notifications.css
@@ -182,19 +182,4 @@
     .notificationContent p {
         max-width: 350px;
     }
-}
-
-@media all and (min-width: 600px) {
-    .notificationsFlyout {
-        width: 500px;
-    }
-
-    .imgNotification, .imgNotificationInner {
-        width: 60px;
-        height: 60px;
-    }
-
-    .notificationContent p {
-        max-width: 400px;
-    }
-}
+}
\ No newline at end of file
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 78be7dc07..6d18a2328 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -906,6 +906,10 @@
                     html += LibraryBrowser.getPlayedIndicatorHtml(item);
                 }
 
+                if (item.IsUnidentified) {
+                    html += '<div class="unidentifiedIndicator"><div class="ui-icon-alert ui-btn-icon-notext"></div></div>';
+                }
+
                 if (!options.overlayText) {
 
                     if (progressHtml) {
diff --git a/dashboard-ui/scripts/notifications.js b/dashboard-ui/scripts/notifications.js
index cf18c4a3e..b1dce5f82 100644
--- a/dashboard-ui/scripts/notifications.js
+++ b/dashboard-ui/scripts/notifications.js
@@ -131,16 +131,16 @@
 
         html += '<div class="notificationContent">';
 
-        html += '<p class="notificationName">' + notification.Name + '</p>';
+        html += '<p style="margin: .4em 0 .25em;" class="notificationName">' + notification.Name + '</p>';
 
-        html += '<p>' + humane_date(notification.Date) + '</p>';
+        html += '<p style="margin: .25em 0;">' + humane_date(notification.Date) + '</p>';
 
         if (notification.Description) {
-            html += '<p>' + notification.Description + '</p>';
+            html += '<p style="margin: .25em 0;">' + notification.Description + '</p>';
         }
 
         if (notification.Url) {
-            html += '<p><a href="' + notification.Url + '" target="_blank">More information</a></p>';
+            html += '<p style="margin: .25em 0;"><a href="' + notification.Url + '" target="_blank">More information</a></p>';
         }
 
         html += '</div>';