moving notification alert inline [#32289941]

frontend/templates/base.html

@@ -62,6 +62,8 @@
                     {% if user.is_authenticated %}
                     <li class="first">
                     	<a href="/supporter/{{user.username}}"><span id="welcome">Welcome, {{ user.username|truncatechars:20 }}</span></a>
+                    </li>
+                    <li>
                     	{% if unseen_count %}
                     	<a href="/notification" id="unseen_count"><div id="i_haz_notifications">{{ unseen_count }}</div></a>
                     	{% else %}
@@ -72,7 +74,6 @@
                     {% else %}
                     <li class="first"><a href="{% url auth_login %}?next={% firstof request.path '/' %}"><span>Sign In</span></a></li>
                     {% endif %}
-                    <li><a href="{{ faqurl }}"><span>FAQs</span></a></li>   
                     <li id="about_expander"><a href="#"><span>About</span></a></li>   
                     <li><a href="{{ landingurl }}"><span>Home</span></a></li>   
                     {% if not user.is_authenticated %}

static/css/sitewide.css

@@ -361,13 +361,7 @@ ul.menu {
   overflow: auto;
   max-width: 240px;
 }
-.js-topmenu ul li #unseen_count {
-  height: 0;
-}
 .js-topmenu ul li #unseen_count div {
-  position: absolute;
-  right: 10px;
-  top: -16px;
   border: solid 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
@@ -377,6 +371,7 @@ ul.menu {
   width: 16px;
   cursor: pointer;
   text-align: center;
+  margin-left: -10px;
 }
 .js-topmenu ul li #unseen_count div#i_haz_notifications {
   background-color: #8dc63f;

static/less/sitewide.less

@@ -263,12 +263,8 @@ ul.menu{
             }
             
             #unseen_count {
-            	height: 0;
             	
             	div {
-					position: absolute;
-					right: 10px;
-					top: -16px;
 					border: solid 2px;
 					.one-border-radius(5px);
 					padding: 3px;
@@ -276,6 +272,7 @@ ul.menu{
 					width: 16px;
 					cursor: pointer;
 					text-align: center;
+					margin-left: -10px;
 					
 					&#i_haz_notifications {
 						background-color: @call-to-action;