Style sidebar icons

src/styles/_app_base.sass

@@ -61,6 +61,7 @@ nav.sidebar
 				background: transparent
 				border: none
 				width: 100%
+				text-decoration: none
 
 				&:hover
 					color: $color-text-light-primary
@@ -77,10 +78,13 @@ nav.sidebar
 				top: 8px
 				left: 27px
 
-			#notifications-toggle #notifications-count
+			#notifications-toggle
-				right: 5px
+				&.active .flyout-hat
-				span
+					display: none
-					top: 1px
+				#notifications-count
+					right: 5px
+					span
+						top: 1px
 
 
 #col_sidebar

src/templates/attract/layout.jade

@@ -27,19 +27,19 @@ html(lang="en")
 				nav.sidebar(role="navigation")
 					ul
 						li
-							a(href="{{ url_for('attract.index') }}",
+							a.navbar-item(href="{{ url_for('attract.index') }}",
 								title='Attract')
 								i.pi-film-thick
 						| {% if project %}
 						li
-							a(href="{{ url_for('attract.tasks.perproject.index', project_url=project.url) }}",
+							a.navbar-item(href="{{ url_for('attract.tasks.perproject.index', project_url=project.url) }}",
 								title='Tasks for project {{ project.name }}') T
 						li
-							a(href="{{ url_for('attract.shots.perproject.index', project_url=project.url) }}",
+							a.navbar-item(href="{{ url_for('attract.shots.perproject.index', project_url=project.url) }}",
 								title='Shots for project {{ project.name }}') S
 						| {% else %}
 						li
-							a(href="{{ url_for('attract.tasks.index') }}",
+							a.navbar-item(href="{{ url_for('attract.tasks.index') }}",
 								title='Your tasks') T
 						| {% endif %}