fix: unintentional padding in notification dropdown elements/lists

less/header.less

@@ -173,14 +173,12 @@
 	}
 
 	.notif-dropdown-link {
-		// margin-top: 1em;
 		border-top: 1px solid rgba(163, 163, 163, 0.5);
-		padding: 0 5px 0 5px;
 
 		a {
 			display: block;
 			text-align: center;
-			padding: 0.5em 0;
+			padding: 0.5em 0.5em;
 			font-weight: 600;
 		}
 	}

less/notifications.less

@@ -1,38 +1,42 @@
-.notifications-list {
+.dropdown-menu {
-	margin-top: 1em;
 	padding: 0;
 
-	li {
+	.notifications-list {
-		clear: both;
+		margin-top: 1em;
-		list-style-type: none;
+		padding: 0;
-		padding: 1em;
-		margin-bottom: 0.5em;
-		.zebra;
-		.pointer;
 
-		&:last-child {
+		li {
-			margin-bottom: 0;
+			clear: both;
-		}
+			list-style-type: none;
+			padding: 1em;
+			margin-bottom: 0.5em;
+			.zebra;
+			.pointer;
 
-		&.unread {
+			&:last-child {
-			background: #fefbed;
+				margin-bottom: 0;
-		}
+			}
 
-		.timestamp {
+			&.unread {
-			font-size: 0.8em;
+				background: #fefbed;
-		}
+			}
 
-		a {
+			.timestamp {
-			display: block;
+				font-size: 0.8em;
-			.text-ellipsis;
+			}
-		}
 
-		p {
+			a {
-			margin: 0 0 0 30px;
+				display: block;
-		}
+				.text-ellipsis;
+			}
+
+			p {
+				margin: 0 0 0 30px;
+			}
 
-		.user-img {
+			.user-img {
-			.user-icon-style(24px, 1rem, 50%);
+				.user-icon-style(24px, 1rem, 50%);
+			}
 		}
 	}
 }