Today I played a bit with the html inside the GR Author Notes plugin, with the purpose of making the composite column fit better in the book details pane. It wasn't easy, so I'd say it was more like the html + css were playing ME.
Changing the picture size was simple, only a matter of adding width to the img tag. Eventually I was able to style the first cell, the one containing the author name, which was the hardest part. Whatever i tried, I would get this styling
<strong style="font-family: 'Arial','sans-serif'; font-size: xx-large; color: #ffffff"> Author name </strong></h1></td>, instead of font-size: small or h4/h5 etc... Actually, I can't even tell exactly what was the solution.
I'm not sure I'm going to settle down with the current CSS, so it would be great if there was some sort of search and replace scripting to bulk-change the html code inside the notes.
I'm sharing the modified version in the attachment in case someone wants to help me tweak it; the only modified file was authornotes.py, in the plugin root folder. I won't request the plugin author a more detailed styling feature, because it must be very difficult to implement, and the plugin is already amazing.
Images below show what it looked like before and after the changes I managed to do:
before
after
I had also changed the font-family tag but reverted to Arial for broader compatibility. Arial Narrow seemed a good choice to make the table narrower, but it looked blurry.
edit: corrected some padding asymmetry from 1 to 3 in the beginning of the modified plugin. edit2: added some extra styling to enforce centered alignment