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] 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){