Improved graph visibility on mobile.

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({

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;
+  }
+}

frontend/src/styles.scss

@@ -71,6 +71,9 @@ body {
   .box {
     padding: 0.75rem;
   }
+  .ct-legend {
+    display: none;
+  }
 }
 
 .navbar-nav.liquid > .active {