@import '../../echo.variables';

.mw-echo-ui-bundledNotificationGroupWidget {

	&:not(:first-child) {
		margin-top: @bundle-group-padding;
	}

	&-title {
		font-weight: bold;
		color: #666666;
		margin-bottom: @bundle-group-padding;
	}

	.mw-echo-ui-notificationsWidget {
		margin-bottom: @bundle-group-padding / 2;
	}

	.mw-echo-ui-notificationItemWidget {
		padding: 0.5em;
		border: 1px solid #DDDDDD;

		&:not(:last-child) {
			border-bottom: 0;
		}

		&-icon img {
			height: 1.5em;
			width: 1.5em;
		}

		&-content {
			padding-left: 0.5em + 1.5em;
		}

		&-markAsReadButton {
			padding-top: 0;
		}
	}
}

@import '../../echo.variables';

.mw-echo-ui-bundledNotificationGroupWidget {

	&:not(:first-child) {
		padding-top: @bundle-group-padding;
	}

	&-title {
		font-weight: bold;
		color: #666666;
		margin-bottom: @bundle-group-padding;
	}

	.mw-echo-ui-notificationsWidget {
		margin-bottom: @bundle-group-padding / 2;
	}

	.mw-echo-ui-notificationItemWidget {
		padding: 0.5em;
		border: 1px solid #DDDDDD;

		&:not(:last-child) {
			border-bottom: 0;
		}

		&-icon img {
			height: 1.5em;
			width: 1.5em;
		}

		&-content {
			padding-left: 0.5em + 1.5em;
		}

		&-markAsReadButton {
			padding-top: 0;
		}
	}
}

Use padding instead of margin to separate cross-wiki sections from each other
Use padding instead of margin to separate cross-wiki sections from each other

So that margin collapsing doesn't eat up the extra space we wanted to create.

Bug: T128069
Change-Id: Ib3b96c54c2ace52cf28047a5f9f012fcc56ccb9c
