nmbug.js: Style the dialog with some round corners and a shadow

The CSS is from Eiji Kitamura's demo [1].  I'm inlining the CSS here
to avoid more dynamic-loading shenanigans like we needed for the
dialog polyfill.  I don't expect this CSS will grow much larger
anyway.

[1]: http://demo.agektmr.com/dialog/#styling

diff --git a/nmbug.js b/nmbug.js
index e80053f84f357ccfd9d169f4bcd8a58e15c58973..2bbde9076acde4c5dc45e74473ae7f8732f5723e 100644 (file)
--- a/nmbug.js
+++ b/nmbug.js
@@ -58,6 +58,10 @@ nmbug = {
                        dialogPolyfill.registerDialog(dialog);
                }
 
+               dialog.style.border = '1px solid rgba(0, 0, 0, 0.3)';
+               dialog.style.borderRadius = '6px';
+               dialog.style.boxShadow = '0 3px 7px rgba(0, 0, 0, 0.3)';
+
                var content = document.createElement('p');
                content.innerHTML = 'Edit tags for ' + message_id;
                dialog.appendChild(content);