diff --git a/frontend/src/app/components/bisq-master-page/bisq-master-page.component.html b/frontend/src/app/components/bisq-master-page/bisq-master-page.component.html
index 182b02d66..88e436e7c 100644
--- a/frontend/src/app/components/bisq-master-page/bisq-master-page.component.html
+++ b/frontend/src/app/components/bisq-master-page/bisq-master-page.component.html
@@ -32,6 +32,9 @@
+
+
+
diff --git a/frontend/src/app/components/blockchain/blockchain.component.html b/frontend/src/app/components/blockchain/blockchain.component.html
index 21e1a7111..94361f4a4 100644
--- a/frontend/src/app/components/blockchain/blockchain.component.html
+++ b/frontend/src/app/components/blockchain/blockchain.component.html
@@ -1,5 +1,5 @@
-
+
diff --git a/frontend/src/app/components/blockchain/blockchain.component.scss b/frontend/src/app/components/blockchain/blockchain.component.scss
index 03528a341..b15ce2536 100644
--- a/frontend/src/app/components/blockchain/blockchain.component.scss
+++ b/frontend/src/app/components/blockchain/blockchain.component.scss
@@ -26,10 +26,17 @@
top: 75px;
}
+.position-container.liquid {
+ left: 15%;
+}
+
@media (max-width: 767.98px) {
.position-container {
left: 95%;
}
+ .position-container.liquid {
+ left: 50%;
+ }
.position-container.loading {
left: 50%;
}
diff --git a/frontend/src/app/components/blockchain/blockchain.component.ts b/frontend/src/app/components/blockchain/blockchain.component.ts
index 73dc09768..62cc8d276 100644
--- a/frontend/src/app/components/blockchain/blockchain.component.ts
+++ b/frontend/src/app/components/blockchain/blockchain.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnInit, OnDestroy, ChangeDetectionStrategy } from '@angular/core';
+import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { StateService } from 'src/app/services/state.service';
-import { Subscription, Observable } from 'rxjs';
+import { Observable } from 'rxjs';
@Component({
selector: 'app-blockchain',
@@ -10,6 +10,7 @@ import { Subscription, Observable } from 'rxjs';
})
export class BlockchainComponent implements OnInit {
isLoading$: Observable;
+ network: string;
constructor(
private stateService: StateService,
@@ -17,5 +18,6 @@ export class BlockchainComponent implements OnInit {
ngOnInit() {
this.isLoading$ = this.stateService.isLoadingWebSocket$;
+ this.network = this.stateService.network;
}
}
diff --git a/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html b/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
index 8100d4cbb..d87455d97 100644
--- a/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
+++ b/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
@@ -45,7 +45,7 @@
-
+
diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html
index 611e00866..29603965f 100644
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -2,7 +2,7 @@