Position the notifications lion relatively to the body.

services/web/app/views/project/list.pug

@@ -15,47 +15,47 @@ block content
 			}
 		};
 
-	.content.content-alt.project-list-page(ng-controller="ProjectPageController")
-		.project-list-content
-			.announcements(
-				ng-controller="AnnouncementsController"
-				ng-class="{ 'announcements-open': ui.isOpen }"
-				ng-cloak
-			)
-				.announcements-backdrop(
-					ng-if="ui.isOpen"
-					ng-click="toggleAnnouncementsUI();"
-				)
-				a.announcements-btn(
-					href
-					ng-if="announcements.length"
-					ng-click="toggleAnnouncementsUI();"
-					ng-class="{ 'announcements-btn-open': ui.isOpen, 'announcements-btn-has-new': ui.newItems }"
+	.announcements(
+		ng-controller="AnnouncementsController"
+		ng-class="{ 'announcements-open': ui.isOpen }"
+		ng-cloak
+	)
+		.announcements-backdrop(
+			ng-if="ui.isOpen"
+			ng-click="toggleAnnouncementsUI();"
+		)
+		a.announcements-btn(
+			href
+			ng-if="announcements.length"
+			ng-click="toggleAnnouncementsUI();"
+			ng-class="{ 'announcements-btn-open': ui.isOpen, 'announcements-btn-has-new': ui.newItems }"
+		)
+			span.announcements-badge(ng-if="ui.newItems") {{ ui.newItems }}
+		.announcements-body(
+			ng-if="ui.isOpen"
+		)
+			.announcements-scroller
+				.announcement(
+					ng-repeat="announcement in announcements | filter:(ui.newItems ? { read: false } : '') track by announcement.id"
 				)
-					span.announcements-badge(ng-if="ui.newItems") {{ ui.newItems }}
-				.announcements-body(
-					ng-if="ui.isOpen"
+					h2.announcement-header {{ announcement.title }}
+					p.announcement-description(ng-bind-html="announcement.excerpt")
+					.announcement-meta
+						p.announcement-date {{ announcement.date | date:"longDate" }}
+						a.announcement-link(
+							ng-href="{{ announcement.url }}"
+							ng-click="logAnnouncementClick()",
+							target="_blank"
+						) Read more
+				div.text-center(
+					ng-if="ui.newItems > 0 && ui.newItems < announcements.length"
 				)
-					.announcements-scroller
-						.announcement(
-							ng-repeat="announcement in announcements | filter:(ui.newItems ? { read: false } : '') track by announcement.id"
-						)
-							h2.announcement-header {{ announcement.title }}
-							p.announcement-description(ng-bind-html="announcement.excerpt")
-							.announcement-meta
-								p.announcement-date {{ announcement.date | date:"longDate" }}
-								a.announcement-link(
-									ng-href="{{ announcement.url }}"
-									ng-click="logAnnouncementClick()",
-									target="_blank"
-								) Read more
-						div.text-center(
-							ng-if="ui.newItems > 0 && ui.newItems < announcements.length"
-						)
-							a.btn.btn-default.btn-sm(
-								href
-								ng-click="showAll();"
-							) Show all
+					a.btn.btn-default.btn-sm(
+						href
+						ng-click="showAll();"
+					) Show all
+	.content.content-alt.project-list-page(ng-controller="ProjectPageController")
+		.project-list-content
 
 			.row.project-list-row(ng-cloak)
 				.project-list-container(ng-if="projects.length > 0")

services/web/public/stylesheets/app/project-list.less

@@ -421,7 +421,7 @@ ul.project-list {
 
 .announcements {
 	position: absolute;
-	bottom: 0;
+	bottom: @footer-height;
 	right: 0;
 	height: 150px;
 	width: 100%;