Merge pool pie and dominance into one widget

frontend/src/app/components/pool-ranking/pool-ranking.component.html

@@ -2,7 +2,7 @@
 
   <div [class]="widget ? 'chart-widget' : 'chart'"
     echarts [initOpts]="chartInitOptions" [options]="chartOptions" (chartInit)="onChartInit($event)"></div>
-  <div class="text-center loadingGraphs" *ngIf="isLoading">
+  <div class="text-center loadingGraphs" [class]="widget ? 'widget' : ''" *ngIf="isLoading">
     <div class="spinner-border text-light"></div>
   </div>
 

frontend/src/app/components/pool-ranking/pool-ranking.component.scss

@@ -34,3 +34,13 @@
       padding: .3em !important;
    }
  }
+
+.loadingGraphs {
+  position: absolute;
+  top: 50%;
+  left: calc(50% - 15px);
+  z-index: 100;
+}
+.loadingGraphs.widget {
+  top: 25%;
+}

frontend/src/app/components/pool-ranking/pool-ranking.component.ts

@@ -15,14 +15,6 @@ import { chartColors, poolsColor } from 'src/app/app.constants';
   selector: 'app-pool-ranking',
   templateUrl: './pool-ranking.component.html',
   styleUrls: ['./pool-ranking.component.scss'],
-  styles: [`
-    .loadingGraphs {
-      position: absolute;
-      top: 50%;
-      left: calc(50% - 15px);
-      z-index: 100;
-    }
-  `],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PoolRankingComponent implements OnInit {
@@ -164,7 +156,7 @@ export class PoolRankingComponent implements OnInit {
 
     let radius: any[] = ['20%', '70%'];
     if (this.isMobile() || this.widget) {
-      radius = ['20%', '65%'];
+      radius = ['20%', '60%'];
     }
 
     this.chartOptions = {