diff --git a/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.scss b/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.scss
index ec1755e7d..47c87a45c 100644
--- a/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.scss
+++ b/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,17 +21,19 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
- width: 100%;
+ display: flex;
+ flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;
diff --git a/frontend/src/app/components/block-fees-graph/block-fees-graph.component.scss b/frontend/src/app/components/block-fees-graph/block-fees-graph.component.scss
index 65447419a..fae81952b 100644
--- a/frontend/src/app/components/block-fees-graph/block-fees-graph.component.scss
+++ b/frontend/src/app/components/block-fees-graph/block-fees-graph.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,18 +21,20 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
+ display: flex;
+ flex: 1;
width: 100%;
- height: 100%;
padding-bottom: 20px;
padding-right: 10px;
@media (max-width: 992px) {
diff --git a/frontend/src/app/components/block-prediction-graph/block-prediction-graph.component.scss b/frontend/src/app/components/block-prediction-graph/block-prediction-graph.component.scss
index 65447419a..f8403bad5 100644
--- a/frontend/src/app/components/block-prediction-graph/block-prediction-graph.component.scss
+++ b/frontend/src/app/components/block-prediction-graph/block-prediction-graph.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,17 +21,19 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
- width: 100%;
+ display: flex;
+ flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;
diff --git a/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.scss b/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.scss
index 65447419a..f8403bad5 100644
--- a/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.scss
+++ b/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,17 +21,19 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
- width: 100%;
+ display: flex;
+ flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;
diff --git a/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.scss b/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.scss
index 65447419a..f8403bad5 100644
--- a/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.scss
+++ b/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,17 +21,19 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
- width: 100%;
+ display: flex;
+ flex: 1;
height: 100%;
padding-bottom: 20px;
padding-right: 10px;
diff --git a/frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss b/frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
index 2c9a4447c..0caa35f33 100644
--- a/frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
+++ b/frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,16 +21,19 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
+ display: flex;
+ flex: 1;
width: 100%;
height: 100%;
padding-bottom: 20px;
diff --git a/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss b/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
index 8f619aa85..3b1083505 100644
--- a/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
+++ b/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
@@ -4,6 +4,9 @@
@media (min-width: 465px) {
font-size: 20px;
}
+ @media (min-width: 992px) {
+ height: 40px;
+ }
}
.main-title {
@@ -18,18 +21,20 @@
}
.full-container {
+ display: flex;
+ flex-direction: column;
padding: 0px 15px;
width: 100%;
- min-height: 500px;
- height: calc(100% - 150px);
- @media (max-width: 992px) {
- padding-bottom: 100px;
- };
+ height: calc(100vh - 250px);
+ @media (min-width: 992px) {
+ height: calc(100vh - 150px);
+ }
}
.chart {
+ display: flex;
+ flex: 1;
width: 100%;
- height: 100%;
padding-bottom: 20px;
padding-right: 10px;
@media (max-width: 992px) {
diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index e4dc0f8cc..5580c8ea4 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -461,8 +461,6 @@
-
-