Add active router links - Disable graph touch scroll

frontend/src/app/components/graphs/graphs.component.html

@@ -1,20 +1,20 @@
 <ul ngbNav #nav="ngbNav" class="nav-pills mb-3" style="padding: 0px 35px">
   <div class="d-inline-flex flex-wrap menu">
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mempool' | relativeUrl]" ngbNavLink>Mempool</a>
+      <a routerLinkActive="active" [routerLink]="['/graphs/mempool' | relativeUrl]" ngbNavLink>Mempool</a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/pools' | relativeUrl]" ngbNavLink i18n="mining.pools">
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/pools' | relativeUrl]" ngbNavLink i18n="mining.pools">
         Pools ranking
       </a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]" ngbNavLink i18n="mining.pools-dominance">
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]" ngbNavLink i18n="mining.pools-dominance">
         Pools dominance
       </a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" ngbNavLink
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" ngbNavLink
         i18n="mining.hashrate-difficulty">
         Hashrate & Difficulty
       </a>

frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts

@@ -170,7 +170,7 @@ export class HashrateChartComponent implements OnInit {
       grid: {
         right: this.right,
         left: this.left,
-        bottom: this.widget ? 30 : 60,
+        bottom: this.widget ? 30 : this.isMobile() ? 90 : 60,
       },
       tooltip: {
         show: !this.isMobile() || !this.widget,
@@ -303,13 +303,14 @@ export class HashrateChartComponent implements OnInit {
         zoomLock: true,
         maxSpan: 100,
         minSpan: 10,
+        moveOnMouseMove: false,
       }, {
         showDetail: false,
         show: true,
         type: 'slider',
         brushSelect: false,
         realtime: true,
-        bottom: 0,
+        bottom: this.isMobile() ? 30 : 0,
         left: 20,
         right: 15,
         selectedDataBackground: {

frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.ts

@@ -213,6 +213,7 @@ export class HashrateChartPoolsComponent implements OnInit {
         zoomLock: true,
         maxSpan: 100,
         minSpan: 10,
+        moveOnMouseMove: false,
       }, {
         showDetail: false,
         show: true,