Fix layout of notifications

services/web/app/views/project/list/notifications.jade

@@ -9,10 +9,9 @@ span(ng-controller="NotificationsController").userNotifications
 			.row(ng-hide="unreadNotification.hide")
 				.col-xs-12
 					.alert.alert-info
-						.row
-							.col-xs-11
-								span(ng-bind-html="unreadNotification.html")
-							.col-xs-1
+						div.notification_inner
+							span(ng-bind-html="unreadNotification.html").notification_body
+							span().notification_close
 								button(ng-click="dismiss(unreadNotification)").close.pull-right
 									span(aria-hidden="true") ×
 									span.sr-only #{translate("close")}

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

@@ -32,10 +32,24 @@
 	ul {
 		margin-bottom:0px;
 	}
-	.alert {
-		.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
+	.notification_entry {
+		.alert {
+			.box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
+			.notification_inner {
+				display: table-row;
+				.notification_body {
+					display: table-cell;
+					width: 99%;
+					padding-right: 15px;
+					vertical-align: middle;
+				}
+				.notification_close {
+					display: table-cell;
+					vertical-align: middle;
+				}
+			}
+		}
 	}
-
 }
 
 ul.folders-menu {