diff --git a/frontend/src/app/components/address/address.component.html b/frontend/src/app/components/address/address.component.html
index ba4884219..6ab0766ee 100644
--- a/frontend/src/app/components/address/address.component.html
+++ b/frontend/src/app/components/address/address.component.html
@@ -4,6 +4,12 @@
diff --git a/frontend/src/app/components/address/address.component.scss b/frontend/src/app/components/address/address.component.scss
index 45b684a49..fb1789701 100644
--- a/frontend/src/app/components/address/address.component.scss
+++ b/frontend/src/app/components/address/address.component.scss
@@ -1,16 +1,14 @@
.qr-wrapper {
+ position: absolute;
+ top: 30px;
+ right: 0px;
+ border: solid 10px var(--active-bg);
+ border-radius: 5px;
background-color: #fff;
padding: 10px;
padding-bottom: 5px;
- display: inline-block;
-}
-
-.qrcode-col {
- margin: 20px auto 10px;
- text-align: center;
- @media (min-width: 992px){
- margin: 0px auto 0px;
- }
+ display: block;
+ z-index: 99;
}
.fiat {
@@ -104,10 +102,6 @@ h1 {
width: 80%;
}
}
-
- .qrcode-col {
- flex-grow: 0.5;
- }
}
.widget-toggler {
diff --git a/frontend/src/app/components/address/address.component.ts b/frontend/src/app/components/address/address.component.ts
index b485167cf..10054727a 100644
--- a/frontend/src/app/components/address/address.component.ts
+++ b/frontend/src/app/components/address/address.component.ts
@@ -97,6 +97,7 @@ export class AddressComponent implements OnInit, OnDestroy {
network = '';
isMobile: boolean;
+ showQR: boolean = false;
address: Address;
addressString: string;
@@ -141,6 +142,8 @@ export class AddressComponent implements OnInit, OnDestroy {
this.stateService.networkChanged$.subscribe((network) => this.network = network);
this.websocketService.want(['blocks']);
+ this.onResize();
+
this.addressLoadingStatus$ = this.route.paramMap
.pipe(
switchMap(() => this.stateService.loadingIndicators$),