diff --git a/frontend/src/app/components/block/block.component.html b/frontend/src/app/components/block/block.component.html
index a07ad3e04..b26922bef 100644
--- a/frontend/src/app/components/block/block.component.html
+++ b/frontend/src/app/components/block/block.component.html
@@ -122,17 +122,17 @@
-
+
-
+
{{ i }} transaction
{{ i }} transactions
-
+
@@ -166,7 +166,7 @@
-
+
diff --git a/frontend/src/app/components/block/block.component.scss b/frontend/src/app/components/block/block.component.scss
index b5bae22f1..9813b0293 100644
--- a/frontend/src/app/components/block/block.component.scss
+++ b/frontend/src/app/components/block/block.component.scss
@@ -73,26 +73,40 @@ h1 {
}
}
+.btn-details {
+ position: relative;
+ top: 7px;
+ @media (min-width: 550px) {
+ top: 0px;
+ }
+}
+
.block-tx-title {
- margin-top: -1.5rem;
+ padding-top: 10px;
display: block;
text-align: right;
+ margin-top: -30px;
@media (min-width: 550px) {
- margin-top: 1rem;
+ margin-top: 0px;
+ padding-top: 10px;
}
h2 {
- width: auto;
display: inline-block;
float: left;
- margin: 0;
line-height: 1.6;
+ margin: 0;
+ margin-bottom: -15px;
padding-right: 10px;
- top: -10px;
+ padding-top: 15px;
position: relative;
+ top: -22px;
+ width: auto;
@media (min-width: 550px) {
+ padding-top: 0px;
top: 0px;
}
@media (min-width: 768px) {
+ padding-top: 5px;
line-height: 1;
}
}
diff --git a/frontend/src/app/components/block/block.component.ts b/frontend/src/app/components/block/block.component.ts
index fedf17c46..38ebc43a1 100644
--- a/frontend/src/app/components/block/block.component.ts
+++ b/frontend/src/app/components/block/block.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, ViewChild, ElementRef } from '@angular/core';
import { Location } from '@angular/common';
import { ActivatedRoute, ParamMap, Router } from '@angular/router';
import { ElectrsApiService } from '../../services/electrs-api.service';
@@ -173,15 +173,17 @@ export class BlockComponent implements OnInit, OnDestroy {
}
}
- pageChange(page: number) {
+ pageChange(page: number, target: HTMLElement) {
const start = (page - 1) * this.itemsPerPage;
this.isLoadingTransactions = true;
this.transactions = null;
+ target.scrollIntoView(); // works for chrome
this.electrsApiService.getBlockTransactions$(this.block.id, start)
.subscribe((transactions) => {
this.transactions = transactions;
this.isLoadingTransactions = false;
+ target.scrollIntoView(); // works for firefox
});
}