diff --git a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts index 618747a8e..0753d505a 100644 --- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts +++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts @@ -17,6 +17,8 @@ export class MempoolGraphComponent implements OnInit, OnChanges { mempoolVsizeFeesOptions: any; mempoolVsizeFeesData: any; + isMobile = window.innerWidth <= 767.98; + constructor( private vbytesPipe: VbytesPipe, private stateService: StateService, @@ -56,7 +58,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges { labelInterpolationFnc: (value: number): any => { return this.vbytesPipe.transform(value, 2); }, - offset: 160 + offset: this.isMobile ? 60 : 160 }, plugins: [ Chartist.plugins.ctTargetLine({ diff --git a/frontend/src/app/components/statistics/statistics.component.scss b/frontend/src/app/components/statistics/statistics.component.scss index aef585cbe..ff9bdb585 100644 --- a/frontend/src/app/components/statistics/statistics.component.scss +++ b/frontend/src/app/components/statistics/statistics.component.scss @@ -14,3 +14,13 @@ height: 22px; margin-right: 10px; } + +@media (max-width: 767.98px) { + .container-xl { + padding: 0; + } + .card-body { + padding-left: 0; + padding-right: 0; + } +} diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index c3f830a1e..9eb5e36d2 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -71,6 +71,9 @@ body { .box { padding: 0.75rem; } + .ct-legend { + display: none; + } } .navbar-nav.liquid > .active {