From a08290763d29070b28a351fe4e4d656a14ba5234 Mon Sep 17 00:00:00 2001
From: SuriyaR <suriya.blazews@gmail.com>
Date: Tue, 13 Aug 2019 19:24:35 +0530
Subject: [PATCH 1/3] Multiple axis ui issue fixed

---
 .../graph-view/graph-detail/graph-detail.component.ts     | 8 ++++++++
 src/app/view/home/graph-list/graph-list.component.ts      | 6 ++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/view/graph-view/graph-detail/graph-detail.component.ts b/src/app/view/graph-view/graph-detail/graph-detail.component.ts
index 6c2702b..1789de9 100644
--- a/src/app/view/graph-view/graph-detail/graph-detail.component.ts
+++ b/src/app/view/graph-view/graph-detail/graph-detail.component.ts
@@ -60,6 +60,8 @@ export class GraphDetailComponent implements OnInit {
             this.hashdata = this.comp.linearTotalGraphData;
             console.log('this.comp.linearTotalGraphData',this.comp.linearTotalGraphData);
             this.hashdata.layout.height = 300;
+            this.hashdata.layout.xaxis.domain = [0.1,0.9];
+            this.hashdata.layout.yaxis2.position = 2.25;
             this.title = 'Total Difficulty';
             this.selectedItem = 6;
             this.titleService.setTitle(
@@ -74,6 +76,8 @@ export class GraphDetailComponent implements OnInit {
                 this.hashdata = this.comp.linearGraphData;
                 console.log('this.comp.linearGraphData',this.comp.linearGraphData);
                 this.hashdata.layout.height = 300;
+                this.hashdata.layout.xaxis.domain = [0.1,0.9];
+                this.hashdata.layout.yaxis2.position = 2.25;
                 this.title = 'Target Difficulty';
                 this.selectedItem = 6;
                 this.titleService.setTitle(
@@ -222,6 +226,8 @@ export class GraphDetailComponent implements OnInit {
         this.comp.Difficultyreq('target',p1, p2, p3, p4).then(res => {
           this.hashdata = this.comp.linearGraphData;
           this.hashdata.layout.height = 300;
+          this.hashdata.layout.xaxis.domain = [0.1,0.9];
+          this.hashdata.layout.yaxis2.position = 2.25;
           this.title = 'Target Difficulty';
         });
         break;
@@ -229,6 +235,8 @@ export class GraphDetailComponent implements OnInit {
         this.comp.Difficultyreq('total',p1, p2, p3, p4).then(res => {
           this.hashdata = this.comp.linearTotalGraphData;
           this.hashdata.layout.height = 300;
+          this.hashdata.layout.xaxis.domain = [0.1,0.9];
+          this.hashdata.layout.yaxis2.position = 2.25;
           this.title = 'Total Difficulty';
         });
         break;
diff --git a/src/app/view/home/graph-list/graph-list.component.ts b/src/app/view/home/graph-list/graph-list.component.ts
index ccce9d0..1d0cb2b 100644
--- a/src/app/view/home/graph-list/graph-list.component.ts
+++ b/src/app/view/home/graph-list/graph-list.component.ts
@@ -533,6 +533,7 @@ export class GraphListComponent implements OnInit {
           tickangle: -45,
           tickformat: tickformat,
           fixedrange: true,
+          domain: [0.2, 0.8]
           // showgrid: true
         },
         yaxis: {
@@ -548,7 +549,7 @@ export class GraphListComponent implements OnInit {
           // range: range,
           overlaying: 'y',
           side: 'left',
-          position: 0.25
+          position: 1.25
         },
         yaxis3: {
           title: 'RandomX',
@@ -1138,6 +1139,7 @@ export class GraphListComponent implements OnInit {
           tickangle: -45,
           tickformat: tickformat,
           fixedrange: true,
+          domain: [0.2, 0.8]
           // showgrid: true
         },
         yaxis: {
@@ -1153,7 +1155,7 @@ export class GraphListComponent implements OnInit {
           // range: range,
           overlaying: 'y',
           side: 'left',
-          position: 0.25
+          position: 1.25
         },
         yaxis3: {
           title: 'RandomX',

From c5897da2f8efb9bc6accfc9c908637b775086075 Mon Sep 17 00:00:00 2001
From: SuriyaR <suriya.blazews@gmail.com>
Date: Wed, 14 Aug 2019 11:07:34 +0530
Subject: [PATCH 2/3] Graph place changes

---
 .../graph-detail/graph-detail.component.html  |   8 +-
 .../home/graph-list/graph-list.component.html | 212 +++++++++---------
 2 files changed, 110 insertions(+), 110 deletions(-)

diff --git a/src/app/view/graph-view/graph-detail/graph-detail.component.html b/src/app/view/graph-view/graph-detail/graph-detail.component.html
index 60a1e08..9b59282 100644
--- a/src/app/view/graph-view/graph-detail/graph-detail.component.html
+++ b/src/app/view/graph-view/graph-detail/graph-detail.component.html
@@ -157,8 +157,8 @@
         <div class="box_shadow_large bg-white p-3">
           <h2 class="chart_heading mb-2 d-inline-block">{{'home.EXPLORE' | translate}}</h2>
           <ul class="list-unstyled pl-3">
-            <li class="mb-1" *ngIf="this.title!='Total Difficulty'"><a
-              routerLink="/chart/total-difficulty">{{'total-difficulty' | translate}}</a></li>
+            <li class="mb-1" *ngIf="this.title!='Target Difficulty'"><a
+              routerLink="/chart/target-difficulty">{{'target-difficulty' | translate}}</a></li>
             <li class="mb-1" *ngIf="this.title!='Transactions over time'"><a
                 routerLink="/chart/transactions-over-time">{{'home.TRANSACTIONS_BY_TIME' | translate}}</a></li>
             <li class="mb-1" *ngIf="this.title!='Blocks'"><a
@@ -176,8 +176,8 @@
                 routerLink="/chart/transactions-by-date">{{'home.TRANSACTIONS_VS_DATE' | translate}}</a></li>
             <li class="mb-1" *ngIf="this.title!='Stackbar Chart'"><a routerLink="/chart/blocks-by-algorithm">Blocks by Algorithm</a>
             </li>
-            <li class="mb-1" *ngIf="this.title!='Target Difficulty'"><a
-              routerLink="/chart/target-difficulty">{{'target-difficulty' | translate}}</a></li>
+              <li class="mb-1" *ngIf="this.title!='Total Difficulty'"><a
+                routerLink="/chart/total-difficulty">{{'total-difficulty' | translate}}</a></li>
             <!-- <li class="mb-1" *ngIf="this.title!='Pie Chart'"><a routerLink="/chart/piechart">Pie Chart</a></li> -->
           </ul>
         </div>
diff --git a/src/app/view/home/graph-list/graph-list.component.html b/src/app/view/home/graph-list/graph-list.component.html
index 81e76ac..c6c8194 100644
--- a/src/app/view/home/graph-list/graph-list.component.html
+++ b/src/app/view/home/graph-list/graph-list.component.html
@@ -1,81 +1,71 @@
 <div class="row">
   <div class="col-md-6 col-lg-4 mb-4">
-      <div class="box_shadow">
-        <div class="blocks">
-          <h2 class="chart_heading d-inline-block">{{'home.TOTAL_DIFFICULTY' | translate}}</h2>
-          <!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
-            this.l | number</span>
-          }}</span> -->
-          
-          <div class="chart_show">
-              <!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
-                  <a href="JavaScript:void(0);" (click)="
-                  Difficultyreq('total', '', '', TdifficultyRange,'all'); selectedTarget12 = 4
-                " id="4" #itemtarget124
-                          [ngClass]="{ active: selectedTarget12 == itemtarget124.id, txt_primay: true }">All</a>
-                  <a href="JavaScript:void(0);" (click)="
-                  Difficultyreq('total', '', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
-                " id="1" #itemtarget121
-                          [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
-                        <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('total', '', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
-                " id="2" #itemtarget122
-                          [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
-                        <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('total', '', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
-                " id="3" #itemtarget123
-                          [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
-            </div> -->
-              <epic-explorer-plotly *ngIf="linearTotalGraphData.data" [data]="linearTotalGraphData.data"
-              [layout]="linearTotalGraphData.layout">
-            </epic-explorer-plotly>
-            <div *ngIf="!linearTotalGraphData.data" class="feedback_div news_desc text-center">
-              <div class="graph_img background_loading mx-auto mb-3"></div>
-              <div class=" p-3 bg-white">
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-                <p class="mb-2 background_loading para_load"></p>
-              </div>
+    <div class="box_shadow">
+      <div class="blocks">
+        <h2 class="chart_heading d-inline-block">{{'home.TARGET_DIFFICULTY' | translate}}</h2>
+        <!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
+          this.l | number</span>
+        }}</span> -->
+        
+        <div class="chart_show">
+            <!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
+                <a href="JavaScript:void(0);" (click)="
+                Difficultyreq('target', '', '', difficultyRange,'all'); selectedItem12 = 4
+              " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primay: true }">All</a>
+                <a href="JavaScript:void(0);" (click)="
+                Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
+              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
+              <a href="JavaScript:void(0);" (click)="
+                Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
+              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
+              <a href="JavaScript:void(0);" (click)="
+                Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
+              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
+          </div> -->
+          <epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
+          </epic-explorer-plotly>
+          <div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center">
+            <div class="graph_img background_loading mx-auto mb-3"></div>
+            <div class=" p-3 bg-white">
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
+              <p class="mb-2 background_loading para_load"></p>
             </div>
           </div>
         </div>
-        <div class="day_filter">
-            <a href="JavaScript:void(0);" (click)="
-      Difficultyreq('total', '', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day'
-    " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 day</a>
-            <a href="JavaScript:void(0);" (click)="
-        Difficultyreq('total', '', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week'
-      " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1
-              {{'home.WEEK' | translate}}</a>
-            <!-- <a href="JavaScript:void(0);" (click)="
-        Difficultyreq('total', '', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days'
-      " id="2" #itemtarget2 [ngClass]="{ active: selectedTarget == itemtarget2.id, day15_txt: true }">15
-              {{'home.DAYS' | translate}}</a> -->
-            <a href="JavaScript:void(0);" (click)="
-        Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days'
-      " id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30
-              {{'home.DAYS' | translate}}</a>
-            <a href="JavaScript:void(0);" (click)="
-        Difficultyreq('total', '', '', '60 days',''); selectedTarget = 4; TdifficultyRange = '60 days'
-      " id="4" #itemtarget4 [ngClass]="{ active: selectedTarget == itemtarget4.id, day60_txt: true }">60
-              {{'home.DAYS' | translate}}</a>
-            <a href="JavaScript:void(0);" (click)="
-        Difficultyreq('total', '', '', '3 months',''); selectedTarget = 5; TdifficultyRange = '3 months'
-      " id="5" #itemtarget5 [ngClass]="{ active: selectedTarget == itemtarget5.id, day3m_txt: true }">3
-              {{'home.MONTHS' | translate}}</a>
-          </div>
-  
-        <div class="explore_all text-right">
-            
-          <a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
-            class="fa fa-long-arrow-right"></i></span></a>
-        </div>
+      </div>
+      <div class="day_filter">
+        <a href="JavaScript:void(0);" (click)="
+          Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
+        " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 day</a>
+        <a href="JavaScript:void(0);" (click)="
+            Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
+          " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+        <!-- <a href="JavaScript:void(0);" (click)="
+            Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days'
+          " id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
+        <a href="JavaScript:void(0);" (click)="
+            Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days'
+          " id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
+        <a href="JavaScript:void(0);" (click)="
+            Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days'
+          " id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
+        <a href="JavaScript:void(0);" (click)="
+            Difficultyreq('target', '', '', '3 months',''); selectedItem = 5; difficultyRange = '3 months'
+          " id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
+      </div>
+
+      <div class="explore_all text-right">
+         
+        <a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
+          class="fa fa-long-arrow-right"></i></span></a>
       </div>
     </div>
+  </div>
   <div class="col-md-6 col-lg-4 mb-4">
     <div class="box_shadow">
       <div class="blocks">
@@ -521,10 +511,10 @@
       </div>
     </div>
   </div> -->
-  <div *ngIf="viewchartvar" class="col-md-6 col-lg-4 mb-4">
+  <div  *ngIf="viewchartvar" class="col-md-6 col-lg-4 mb-4">
     <div class="box_shadow">
       <div class="blocks">
-        <h2 class="chart_heading d-inline-block">{{'home.TARGET_DIFFICULTY' | translate}}</h2>
+        <h2 class="chart_heading d-inline-block">{{'home.TOTAL_DIFFICULTY' | translate}}</h2>
         <!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
           this.l | number</span>
         }}</span> -->
@@ -532,21 +522,26 @@
         <div class="chart_show">
             <!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
                 <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('target', '', '', difficultyRange,'all'); selectedItem12 = 4
-              " id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primay: true }">All</a>
+                Difficultyreq('total', '', '', TdifficultyRange,'all'); selectedTarget12 = 4
+              " id="4" #itemtarget124
+                        [ngClass]="{ active: selectedTarget12 == itemtarget124.id, txt_primay: true }">All</a>
                 <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
-              " id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
-              <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
-              " id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
-              <a href="JavaScript:void(0);" (click)="
-                Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
-              " id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
+                Difficultyreq('total', '', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
+              " id="1" #itemtarget121
+                        [ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
+                      <a href="JavaScript:void(0);" (click)="
+              Difficultyreq('total', '', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
+              " id="2" #itemtarget122
+                        [ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
+                      <a href="JavaScript:void(0);" (click)="
+              Difficultyreq('total', '', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
+              " id="3" #itemtarget123
+                        [ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
           </div> -->
-          <epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
+            <epic-explorer-plotly *ngIf="linearTotalGraphData.data" [data]="linearTotalGraphData.data"
+            [layout]="linearTotalGraphData.layout">
           </epic-explorer-plotly>
-          <div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center">
+          <div *ngIf="!linearTotalGraphData.data" class="feedback_div news_desc text-center">
             <div class="graph_img background_loading mx-auto mb-3"></div>
             <div class=" p-3 bg-white">
               <p class="mb-2 background_loading para_load"></p>
@@ -561,29 +556,34 @@
         </div>
       </div>
       <div class="day_filter">
-        <a href="JavaScript:void(0);" (click)="
-          Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
-        " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 day</a>
-        <a href="JavaScript:void(0);" (click)="
-            Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
-          " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
-        <!-- <a href="JavaScript:void(0);" (click)="
-            Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days'
-          " id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
-        <a href="JavaScript:void(0);" (click)="
-            Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days'
-          " id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-            Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days'
-          " id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-            Difficultyreq('target', '', '', '3 months',''); selectedItem = 5; difficultyRange = '3 months'
-          " id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
-      </div>
+          <a href="JavaScript:void(0);" (click)="
+    Difficultyreq('total', '', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day'
+  " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 day</a>
+          <a href="JavaScript:void(0);" (click)="
+      Difficultyreq('total', '', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week'
+    " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1
+            {{'home.WEEK' | translate}}</a>
+          <!-- <a href="JavaScript:void(0);" (click)="
+      Difficultyreq('total', '', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days'
+    " id="2" #itemtarget2 [ngClass]="{ active: selectedTarget == itemtarget2.id, day15_txt: true }">15
+            {{'home.DAYS' | translate}}</a> -->
+          <a href="JavaScript:void(0);" (click)="
+      Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days'
+    " id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30
+            {{'home.DAYS' | translate}}</a>
+          <a href="JavaScript:void(0);" (click)="
+      Difficultyreq('total', '', '', '60 days',''); selectedTarget = 4; TdifficultyRange = '60 days'
+    " id="4" #itemtarget4 [ngClass]="{ active: selectedTarget == itemtarget4.id, day60_txt: true }">60
+            {{'home.DAYS' | translate}}</a>
+          <a href="JavaScript:void(0);" (click)="
+      Difficultyreq('total', '', '', '3 months',''); selectedTarget = 5; TdifficultyRange = '3 months'
+    " id="5" #itemtarget5 [ngClass]="{ active: selectedTarget == itemtarget5.id, day3m_txt: true }">3
+            {{'home.MONTHS' | translate}}</a>
+        </div>
 
       <div class="explore_all text-right">
-         
-        <a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
+          
+        <a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
           class="fa fa-long-arrow-right"></i></span></a>
       </div>
     </div>

From fa5583b6793082b47922153110dc6e3beee73233 Mon Sep 17 00:00:00 2001
From: Prema <premlatha.blaze@gmail.com>
Date: Wed, 14 Aug 2019 14:51:04 +0530
Subject: [PATCH 3/3] UI changes

---
 .../components/header/header.component.html   | 28 +++++++++++++++++--
 src/assets/css/responsive.css                 |  6 ++--
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index c664e5a..26886be 100755
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -1,8 +1,32 @@
 <header class="headerbg">
+    <div class="home_tst_net mt-3 d-block d-sm-none">
+        <a href="https://epic.tech/" target="_blank" class="text_underline mr-2">Epic Cash</a>
+          <span>You are viewing </span>
+          <ul class="list-unstyled d-inline-block mb-0">
+              <li class="nav-item dropdown">
+                  <a
+                    class="nav-link dropdown-toggle bg-white"
+                    id="navbarDropdown"
+                    role="button"
+                    data-toggle="dropdown"
+                    aria-haspopup="true"
+                    aria-expanded="false"
+                  >
+                  TestNet
+                  </a>
+                  <div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item p-2 disabled" style="background-color: #00000024;" target = '_blank' href="#">MainNet</a
+                    >
+
+                  </div>
+                </li>
+          </ul>
+
+        </div>
   <nav class="navbar navbar-expand navbar-light bg-transparent">
     <div class="container-fluid">
       <div class="collapse navbar-collapse home_mble_hdr" id="navbarSupportedContent">
-
+       
         <ul class="navbar-nav ml-auto">
 		  <!-- <li *ngIf="TimeArr" class="d-none d-sm-inline-block"><h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
             <h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
@@ -14,7 +38,7 @@
                   </ul>
 
           </li> -->
-          <li class="home_tst_net mr-3">
+          <li class="home_tst_net mr-3 d-none d-sm-inline-block">
             <a href="https://epic.tech/" target="_blank" class="text_underline mr-2">Epic Cash</a>
               <span>You are viewing </span>
               <ul class="list-unstyled d-inline-block mb-0">
diff --git a/src/assets/css/responsive.css b/src/assets/css/responsive.css
index a683a4b..f5958bc 100644
--- a/src/assets/css/responsive.css
+++ b/src/assets/css/responsive.css
@@ -76,6 +76,9 @@
     .theme_switch{padding-top: 8px; padding-bottom: 8px;}
     .theme_switch img{height: 15px;}
     .peer_table_data .col-6 {flex: 0 0 100%; max-width: 100%; }
+    /* .home_mble_hdr .navbar-nav{margin: 15px auto 0; width: 100%;} */
+    .home_tst_net{font-size: 15px;  text-align: center;}
+    .navbar-nav{justify-content: center;}
 }
 @media(max-width: 588px){
     /* .view_page_header{text-align: center;} */
@@ -85,8 +88,7 @@
 }
 @media(max-width: 470px){
     .navbar-expand .navbar-collapse.home_mble_hdr{display: block !important;}
-    .home_mble_hdr .navbar-nav{margin: 15px auto 0; width: 63%;}
-    .home_tst_net{font-size: 15px;  width: 85%;  margin: 0 auto;}
+    
 
 }
 @media(max-width: 365px){