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!