fixed new message indicator

git-svn-id: http://code.elgg.org/elgg/trunk@8603 36083f99-b078-4883-b0ff-0f9b5a30f544

2 files changed, 5 insertions, 7 deletions

diff --git a/mod/messages/start.php b/mod/messages/start.php
index 27b6252eb..76acb36a9 100644
--- a/mod/messages/start.php
+++ b/mod/messages/start.php
@@ -31,15 +31,13 @@ function messages_init() {
 		));
 		
 		$class = "elgg-icon messages-icon";
-		$text = " ";
+		$text = "<span class='$class'></span>";
 		
 		// get unread messages
 		$num_messages = (int)messages_count_unread();
 		if ($num_messages != 0) {
-			$class .= " new";
-			$text = $num_messages;
+			$text .= "<span class=\"messages-new\">$num_messages</span>";
 		}
-		$text = "<span class='$class'>$text</span>";
 		
 		elgg_register_menu_item('topbar', array(
 			'name' => 'messages',
diff --git a/mod/messages/views/default/messages/css.php b/mod/messages/views/default/messages/css.php
index ba8444f03..69fa16bfb 100644
--- a/mod/messages/views/default/messages/css.php
+++ b/mod/messages/views/default/messages/css.php
@@ -47,7 +47,7 @@
 	text-decoration: none;
 	background-position: left -36px;
 }
-.messages-icon.new span {
+.messages-new {
 	color: white;
 	background-color: red;
 	-webkit-border-radius: 10px; 
@@ -56,8 +56,8 @@
 	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50); /* FF v3.5+ */
 	position: absolute;
 	text-align: center;
-	top: -2px;
-	left: 10px;
+	top: 0px;
+	left: 26px;
 	min-width: 16px;
 	height: 16px;
 	font-size: 10px;