Larger Trello CSS injection

trello.css

/********************** 
 Larger cards
***********************/

#layer-manager-card-back div[role="dialog"] {
	width: 90vw;
}

#layer-manager-card-back div[role="dialog"] main > div {
	max-width: none;
}

#layer-manager-card-back div[role="dialog"] aside,
#layer-manager-card-back div[role="dialog"] aside > div {
	width: 45vw;
}

/****************************** 
 Larger notifications panel
*******************************/

.atlaskit-portal > section {
	inset: 48px auto auto calc(100vw - 636px) !important;
	width: 632px !important; /* 432px + 200px */
}

/* Hide "Mark all as read" */
#notifications-menu-popover-content > div:nth-child(2) {
	// width: 604px; /* 404px + 200px */
	display: none;
}

#notifications-menu-popover-content div[data-testid="unread-notification"] > div {
	width: 560px; /* 360px + 200px */
}

#notifications-menu-popover-content div[data-testid="unread-notification"] > div > div:nth-child(2) {
	width: 560px !important; /* 360px + 200px */
}