Using unicode-bidi instead of lrm

* It is less hackish than lrm but please refactor bidi-embed if needed
* lrm was making an extra space for all, so this is fixup for it

src/main/webapp/sass/generic/_misc.scss

@@ -6,6 +6,10 @@
 	display: block;
 }
 
+.bidi-embed {
+	unicode-bidi: embed;
+}
+
 .bs-fb ul {
 	margin-bottom: 0px;
 }

src/main/webapp/templates/_category.html

@@ -11,10 +11,9 @@
 				<i ng-class="{'icon-star' : node.id == 'starred', 'icon-inbox': node.id == 'all'}" ng-show="!showChildren"></i>
 			</span>
 			<span ng-class="{selected: (node.id == selectedId && selectedType == 'category')}">
-				<span ng-class="{unread: unreadCount({category:node})}">
+				<span ng-class="{unread: unreadCount({category:node})}" class="bidi-embed">
 					{{categoryLabel(node)}}
 				</span>
-				&lrm;
 				<span class="unread-counter">
 					{{categoryCountLabel(node)}}
 				</span>
@@ -38,10 +37,9 @@
 				href="{{feed.feedLink}}" target="_blank"
 				ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed') }">
 				<favicon url="feed.iconUrl" />
-				<span ng-class="{unread: feed.unread}">
+				<span ng-class="{unread: feed.unread}" class="bidi-embed">
 					{{feed.name}}
 				</span>
-				&lrm;
 				<span class="unread-counter">
 					{{feedCountLabel(feed)}}
 				</span>

src/main/webapp/templates/feeds.view.html

@@ -46,7 +46,7 @@
 						<div class="entry-subtitle">
 							<span class="entry-source" ui-if="selectedType == 'category'">
 								<span class="entry-source-prefix">${view.entry_source}</span>
-								<a ng-click="goToFeed(entry.feedId)" class="pointer"><span>{{entry.feedName}}</span></a>
+								<a ng-click="goToFeed(entry.feedId)" class="pointer bidi-embed"><span>{{entry.feedName}}</span></a>
 							</span>
 							<span class="entry-author" ui-if="entry.author">
 								<span class="entry-author-prefix">${view.entry_author}</span>