Separate dialog style from form.

diff --git a/src/lib/wallet/sign.ts b/src/lib/wallet/sign.ts
index a3218be299b3f0363f9e21217af402fc203cc12d..3bd35ea445fe61af701769c0891645f85c1aaaa8 100644 (file)
--- a/src/lib/wallet/sign.ts
+++ b/src/lib/wallet/sign.ts
@@ -93,15 +93,16 @@ async function confirm (id: string, address: string, message: Block | string[]):
        }
        BROWSER: return new Promise((resolve, reject) => {
                const elementId = crypto.randomUUID()
-               const cssContainer = 'background-color:white !important;display:block !important;margin-top:auto !important;margin-right:auto !important;margin-bottom:auto !important;margin-left:auto !important;max-height:90vh !important;min-height:100px !important;min-width:100px !important;overflow-y:auto !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;position:fixed !important;visibility:visible !important;z-index:2147483647 !important;'
+               const cssDialog = 'background-color:white !important;margin-top:auto !important;margin-right:auto !important;margin-bottom:auto !important;margin-left:auto !important;max-height:90vh !important;min-height:100px !important;min-width:100px !important;overflow-y:auto !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;visibility:visible !important;z-index:2147483647 !important;'
+               const cssForm = 'background-color:white !important;display:block !important;margin-top:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-left:0 !important;min-height:100px !important;min-width:100px !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;visibility:visible !important;'
                const cssHeading = 'color:black !important;display:block !important;font-family:sans-serif !important;font-size=1rem !important;font-weight:bold !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:1rem !important;margin-left:1rem !important;min-height:10px !important;min-width:10px !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;position:initial !important;text-align:center !important;visibility:visible !important;'
                const cssBody = 'color:grey !important;display:block !important;font-family:sans-serif !important;font-size:1rem !important;font-weight:normal !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:0 !important;margin-left:1rem !important;min-height:10px !important;min-width:10px !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;position:initial !important;visibility:visible !important;'
                const cssCode = 'color:black !important;display:block !important;font-family:monospace !important;font-size=1rem !important;font-weight:normal !important;margin-top:0 !important;margin-right:1rem !important;margin-bottom:0 !important;margin-left:1rem !important;min-height:10px !important;min-width:10px !important;opacity:1 !important;padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;position:initial !important;visibility:visible !important;white-space:pre-wrap !important;word-break:break-all !important;'
                const cssButton = 'color:black !important;display:inline-block !important;font-family:sans-serif !important;font-size=1rem !important;font-weight:bold !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:1rem !important;margin-left:1rem !important;min-height:10px !important;min-width:10px !important;opacity:1 !important;padding-top:1rem !important;padding-right:1rem !important;padding-bottom:1rem !important;padding-left:1rem !important;position:initial !important;text-align:center !important;visibility:visible !important;'
                const dialog = document.createElement('dialog')
-               dialog.style.cssText = cssContainer
+               dialog.style.cssText = cssDialog
                dialog.innerHTML = `
-               <form method="dialog" style="${cssContainer}">
+               <form method="dialog" style="${cssForm}">
                        <p style="${cssHeading}">Review Transaction</p>
                        <hr style="${cssBody}min-height:0 !important;"/>
                        <p style="${cssBody}">Signing account</p>