diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
index f7d46fefd..a60e1db0a 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
@@ -59,7 +59,7 @@
-
+
+ [ngStyle]="{'left': arrowLeftPx + 8 + 'px' }">
diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
index 0af327dbd..b8de4f2ca 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
@@ -125,12 +125,12 @@
#arrow-up {
position: relative;
left: calc(var(--block-size) * 0.6);
- top: calc(var(--block-size) * 1.12);
+ top: calc(var(--block-size) * 1.28);
width: 0;
height: 0;
- border-left: calc(var(--block-size) * 0.3) solid transparent;
- border-right: calc(var(--block-size) * 0.3) solid transparent;
- border-bottom: calc(var(--block-size) * 0.3) solid var(--fg);
+ border-left: calc(var(--block-size) * 0.2) solid transparent;
+ border-right: calc(var(--block-size) * 0.2) solid transparent;
+ border-bottom: calc(var(--block-size) * 0.2) solid var(--fg);
}
.flashing {
@@ -170,15 +170,8 @@
.animated {
transition: all 0.15s ease-in-out;
-}
-.show {
- opacity: 1;
white-space: nowrap;
}
-.hide {
- opacity: 0.4;
- pointer-events : none;
-}
.time-ltr {
.bitcoin-block {
diff --git a/frontend/src/app/components/blockchain/blockchain.component.scss b/frontend/src/app/components/blockchain/blockchain.component.scss
index 1488d262a..000477ca8 100644
--- a/frontend/src/app/components/blockchain/blockchain.component.scss
+++ b/frontend/src/app/components/blockchain/blockchain.component.scss
@@ -14,8 +14,7 @@
}
.blockchain-wrapper {
- height: 250px;
-
+ height: 260px;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
diff --git a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
index 5f7b15092..2e829b21e 100644
--- a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
+++ b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
@@ -114,7 +114,7 @@
#arrow-up {
position: relative;
right: calc(var(--block-size) * 0.6);
- top: calc(var(--block-size) * 1.12);
+ top: calc(var(--block-size) * 1.20);
width: 0;
height: 0;
border-left: calc(var(--block-size) * 0.3) solid transparent;