feat: bookmark menu item restyled

less/style.less

@@ -140,6 +140,16 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	cursor: pointer;
 }
 
+.dropdown-menu {
+	.badge {
+		vertical-align: 1px;
+	}
+
+	a[role="menuitem"]:focus {
+		outline: none;
+	}
+}
+
 .fade-out {
 	position: absolute;
 	top: 190px;

templates/partials/topic/post-menu-list.tpl

@@ -75,12 +75,12 @@
 <!-- IF config.loggedIn -->
 <li>
 	<a component="post/bookmark" role="menuitem" tabindex="-1" href="#" data-bookmarked="{posts.bookmarked}">
-
-		<span class="bookmark-text">[[topic:bookmark]]</span>
-		<span component="post/bookmark-count" class="bookmarkCount" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
-
+		<span class="menu-icon">
 			<i component="post/bookmark/on" class="fa fa-fw fa-heart <!-- IF !posts.bookmarked -->hidden<!-- ENDIF !posts.bookmarked -->"></i>
 			<i component="post/bookmark/off" class="fa fa-fw fa-heart-o <!-- IF posts.bookmarked -->hidden<!-- ENDIF posts.bookmarked -->"></i>
+		</span>
+		<span class="bookmark-text">[[topic:bookmark]]</span>
+		<span component="post/bookmark-count" class="bookmarkCount badge" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
 	</a>
 </li>
 <!-- ENDIF config.loggedIn -->