highlight the displayed mid and css fixes

view/css/conversation.css

@@ -97,6 +97,18 @@
 
 /* conv_item */
 
+.wall-item-head {
+	padding: 10px 10px 0.5em 10px;
+}
+
+.wall-item-content {
+	padding: 0.5em 10px;
+}
+
+.wall-item-tools {
+	padding: 0.5em 10px 10px 10px;
+}
+
 .wall-item-info {
 	display: block;
 	float: left;
@@ -195,6 +207,20 @@ a.wall-item-name-link {
 	margin-bottom: 20px;
 }
 
+.ivoted {
+	color: #337AB7;
+}
+
+.item-highlight {
+	border-left: 3px solid #337AB7;
+}
+
+.item-highlight .wall-item-head,
+.item-highlight .wall-item-content,
+.item-highlight .wall-item-tools {
+	padding-left: 7px;
+}
+
 /* comment_item */
 
 .comment-edit-text-empty,
@@ -340,7 +366,3 @@ img.smiley.emoji:hover {
 #filer_save {
 	margin-left: 15px;
 }
-
-.ivoted {
-	color: #337AB7;
-}

view/js/main.js

@@ -661,6 +661,7 @@ function updateConvItems(mode,data) {
 			$('#hide-comments-total-' + scrolltoid).hide();
 		}
 		$('html, body').animate({ scrollTop: $('.item_' + bParam_mid.substring(0,32)).offset().top - $('nav').outerHeight() }, 'slow');
+		$('.item_' + bParam_mid.substring(0,32)).addClass('item-highlight');
 	}
 
 }

view/theme/redbasic/css/style.css

@@ -1267,14 +1267,6 @@ img.mail-conv-sender-photo {
 	font-size: $body_font_size;
 }
 
-.wall-item-head {
-	padding: 10px 10px 0.5em 10px;
-}
-
-.wall-item-content {
-	padding: 0.5em 10px;
-}
-
 .wall-event-item {
 	padding: 10px;
 	color: #fff;
@@ -1289,11 +1281,6 @@ img.mail-conv-sender-photo {
 	border-top-left-radius: $radiuspx;
 }
 
-.wall-item-tools {
-	padding: 0.5em 10px 10px 10px;
-}
-
-
 .wall-item-title {
 	font-size: $font_size;
 }