Great idea and quickly implemented! The only adjustment I needed due to having customized my theme's stylesheet, was to edit the ribbon's stylesheet in this area:
div.ribbonBox .ribbon-wrapper {
	width: 50px;
	height: 50px;
	top: 10px;
	right: 10px;
I edited the top and right values to -10px. And now it's flush to the edge of the avatar box.
Many thanks!