diff --git a/css/app.css b/css/app.css index 5688e105..838087c0 100644 --- a/css/app.css +++ b/css/app.css @@ -5011,8 +5011,12 @@ span.contact-name { min-height: 100px; background-image: none; } -.showqr svg { - margin: 1em; } +.showqr > div { + text-align: center; } + +.showqr > div img { + max-width: 86%; + margin-bottom: 1em; } .qractions { position: absolute; @@ -5038,7 +5042,7 @@ span.contact-name { .qr-address { word-wrap: break-word; color: black; - margin: 1em 2em 2em 2em; } + margin-right: 3em; } #logo { margin: -2px 5px 0 -5px; } diff --git a/html/modals/show-qr.html b/html/modals/show-qr.html index da2819bb..ce9485c2 100644 --- a/html/modals/show-qr.html +++ b/html/modals/show-qr.html @@ -1,6 +1,10 @@ -
-
-
{{vars.address}}
+
+
+
+
+
+
{{vars.address}}
+
diff --git a/sass/app.scss b/sass/app.scss index 69687d1f..113dc901 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -332,14 +332,16 @@ span.contact-name { font-size: 200%; vertical-align: middle; } .select-list { min-height: 100px; background-image: none; } -.showqr svg { margin: 1em; } +.showqr > div { text-align: center; } + +.showqr > div img { max-width: 86%; margin-bottom: 1em; } .qractions { position: absolute; top: 0; right: 0; } .qractions a.button { position: absolute; top: 0; right: 0; width: 36px; padding: 8px 0; } .qractions a:last-child { top: 40px; } .modal-show-qr { background: white; top: 10px; overflow: hidden; padding: 0; } -.qr-address { word-wrap: break-word; color: black; margin: 1em 2em 2em 2em; } +.qr-address { word-wrap: break-word; color: black; margin-right: 3em; } #logo { margin: -2px 5px 0 -5px; }