minor styling changes to notif window

public/css/style.less

@@ -759,7 +759,12 @@ body .navbar .nodebb-inline-block {
 #notif-list {
 	li {
 		font-size: 12px;
-		width: 200px;
+		width: 300px;
+		text-align: left;
+
+		a {
+			white-space: normal;
+		}
 
 		&.unread {
 			background: #eceff5;

public/templates/header.tpl

@@ -47,7 +47,7 @@
 						</li>
 					</ul>
 					<ul class="nav pull-right nodebb-inline-block" id="right-menu">
-						<li class="notifications dropdown">
+						<li class="notifications dropdown text-center">
 							<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>
 							<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">
 								<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>