From 1564655777cbcb1e7787cdaad5a146d999738180 Mon Sep 17 00:00:00 2001
From: gerlofvanek <gerlof@particl.io>
Date: Fri, 23 Aug 2024 22:04:29 +0200
Subject: [PATCH] ui: Fix QRCODE visibility

---
 basicswap/static/css/style.css  | 10 +++++++---
 basicswap/templates/wallet.html | 20 ++++++++++----------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/basicswap/static/css/style.css b/basicswap/static/css/style.css
index fff7f0c..ae9040e 100644
--- a/basicswap/static/css/style.css
+++ b/basicswap/static/css/style.css
@@ -199,14 +199,14 @@
 
 .qrcode-border {
   border: 2px solid;
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-  border-radius: 20px;
+  background-color: #ffffff;
+  border-radius: 0px;
 }
 
 .qrcode img {
   width: 100%;
   height: auto;
-  border-radius: 15px;
+  border-radius: 0px;
 }
 
 #showQR {
@@ -217,6 +217,10 @@
   height:25px;
 }
 
+.qrcode-container {
+ margin-top: 25px;
+ }
+
 
 select.select-disabled {
 opacity: 0.40 !important;
diff --git a/basicswap/templates/wallet.html b/basicswap/templates/wallet.html
index 5d8cea1..eefbf1f 100644
--- a/basicswap/templates/wallet.html
+++ b/basicswap/templates/wallet.html
@@ -388,8 +388,8 @@
 
     var qrCodeStealth = new QRCode(document.getElementById("qrcode-stealth"), {
       text: stealthAddress,
-      width: 170,
-      height: 170,
+      width: 200,
+      height: 200,
       colorDark: "#000000",
       colorLight: "#ffffff",
       correctLevel: QRCode.CorrectLevel.L
@@ -404,8 +404,8 @@
 
     var qrCodeMWEB = new QRCode(document.getElementById("qrcode-mweb"), {
       text: mwebAddress,
-      width: 170,
-      height: 170,
+      width: 200,
+      height: 200,
       colorDark: "#000000",
       colorLight: "#ffffff",
       correctLevel: QRCode.CorrectLevel.L
@@ -420,8 +420,8 @@
 
     var qrCodeMoneroSub = new QRCode(document.getElementById("qrcode-monero-sub"), {
       text: moneroSubAddress,
-      width: 170,
-      height: 170,
+      width: 200,
+      height: 200,
       colorDark: "#000000",
       colorLight: "#ffffff",
       correctLevel: QRCode.CorrectLevel.L
@@ -433,8 +433,8 @@
 
     var qrCodeMoneroMain = new QRCode(document.getElementById("qrcode-monero-main"), {
       text: moneroMainAddress,
-      width: 170,
-      height: 170,
+      width: 200,
+      height: 200,
       colorDark: "#000000",
       colorLight: "#ffffff",
       correctLevel: QRCode.CorrectLevel.L
@@ -447,8 +447,8 @@
 
     var qrCodeDepost = new QRCode(document.getElementById("qrcode-deposit"), {
       text: defaultAddress,
-       width: 170,
-      height: 170,
+       width: 200,
+      height: 200,
       colorDark: "#000000",
       colorLight: "#ffffff",
       correctLevel: QRCode.CorrectLevel.L