UI changes

src/app/shared/components/header/header.component.html

@@ -2,20 +2,9 @@
   <nav class="navbar navbar-expand navbar-light bg-transparent">
     <div class="container-fluid">
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav ml-auto">
+          <div >
-		  <!-- <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>
-                <ul class="list-unstyled d-inline-block bg-white p-2 mb-0 timer">
-                    <li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
-                    <li class="d-inline-block"><span id="hours">{{TimeArr.h}}h:</span></li>
-                    <li class="d-inline-block"><span id="minutes">{{TimeArr.m}}m:</span></li>
-                    <li class="d-inline-block"><span id="seconds">{{TimeArr.s}}s</span></li>
-                  </ul>
-
-          </li> -->
-          <li >
               <span>You are on </span> 
-              <ul class="list-unstyled d-inline-block">
+              <ul class="list-unstyled d-inline-block mb-0">
                   <li class="nav-item dropdown">
                       <a
                         class="nav-link dropdown-toggle bg-white"
@@ -35,12 +24,24 @@
                     </li>
               </ul>
                <span> Network </span>
-            </li>
+            </div>
+        <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>
+                <ul class="list-unstyled d-inline-block bg-white p-2 mb-0 timer">
+                    <li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
+                    <li class="d-inline-block"><span id="hours">{{TimeArr.h}}h:</span></li>
+                    <li class="d-inline-block"><span id="minutes">{{TimeArr.m}}m:</span></li>
+                    <li class="d-inline-block"><span id="seconds">{{TimeArr.s}}s</span></li>
+                  </ul>
+
+          </li> -->
+          
           <li class="nav-item px-2 dropdown bg-white">
             
             <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
             <!--<span class="flag"  ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
-            <select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
+            <select class="langbut py-2 ml-1" #langSelect (change)="translate.changeLang(langSelect.value)">
               <option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
             </select>
             <i class="arrow_drpdwn"></i>

src/app/shared/components/siteheader/siteheader.component.html

@@ -4,18 +4,9 @@
         class="txt_primary">Epic </span><span>Explorer</span></a>
 
 
-    <div class="ml-auto">
+    <div class="ml-auto ">
       <a class="chart_heading d-sm-none" routerLink="/"><span class="txt_primary">Epic</span><span>Explorer</span></a>
-      <div class="position-relative d-none d-sm-inline-block">
+      <div class="d-inline-block mr-3">
-        <input type="text" [(ngModel)]="search" #ctrl="ngModel" class="form-control search_input"
-          (keyup.enter)="ctrl.value ? onSearch(ctrl.value) : ''" placeholder="Search by hash or height">
-        <button class="btn search_btn" (click)="ctrl.value ? onSearch(ctrl.value) : ''">
-          <!-- <a href="/blockdetail/{{ ctrl.value }}"  > -->
-          <i class="fa fa-search"></i>
-          <!-- </a> -->
-        </button>
-      </div>
-      <div class="mble_view_hdr">
           <span>You are on </span>
           <ul class="list-unstyled d-inline-block">
             <li class="nav-item dropdown">
@@ -30,10 +21,22 @@
             </li>
           </ul>
           <span> Network </span>
+      </div>
+      <div class="position-relative d-none d-sm-inline-block">
+        <input type="text" [(ngModel)]="search" #ctrl="ngModel" class="form-control search_input"
+          (keyup.enter)="ctrl.value ? onSearch(ctrl.value) : ''" placeholder="Search by hash or height">
+        <button class="btn search_btn" (click)="ctrl.value ? onSearch(ctrl.value) : ''">
+          <!-- <a href="/blockdetail/{{ ctrl.value }}"  > -->
+          <i class="fa fa-search"></i>
+          <!-- </a> -->
+        </button>
+      </div>
+      <div class="mble_view_hdr">
+          
         <div class="nav-item dropdown bg-white px-2 d-inline-block ml-2 order-1 order-sm-2">
           <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
           <!--<span class="flag"  ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
-          <select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
+          <select class="langbut py-2 ml-1" #langSelect (change)="translate.changeLang(langSelect.value)">
             <option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
           </select>
           <i class="arrow_drpdwn"></i>

src/app/view/home/home-worksapce.component.ts

@@ -9,6 +9,11 @@ import { Router } from '@angular/router';
     <div class="body_bg py-4">
       <div class="chart_section mt-4">
         <div class="container">
+        <div class="block_details mb-5">
+      <div class="container">
+        <app-block-detail-list></app-block-detail-list>
+      </div>
+    </div>
           <div class="explore_charts pt-3">
             <epic-explorer-graph-list
               [viewchart]="viewchartvar"
@@ -26,11 +31,7 @@ import { Router } from '@angular/router';
         </div>
       </div>
     </div>
-    <div class="block_details mt-5">
+    
-      <div class="container">
-        <app-block-detail-list></app-block-detail-list>
-      </div>
-    </div>
     <div class="latest_blocks my-5">
       <div class="container">
         <div class="filter_shadow">