Search box text updated.

BTC ticker fix.
Dropdown color fix.
Miner button tooltip.

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

@@ -6,7 +6,9 @@
     Confidential
   </ng-template>
   <ng-template #default>
-    {{ satoshis / 100000000 | number : digitsInfo }} <ng-template [ngIf]="network === 'liquid'">L-BTC</ng-template>
+    {{ satoshis / 100000000 | number : digitsInfo }}
+    <ng-template [ngIf]="network === 'liquid'">L-BTC</ng-template>
     <ng-template [ngIf]="network === 'testnet'">tBTC</ng-template>
+    <ng-template [ngIf]="network === ''">BTC</ng-template>
   </ng-template>
 </ng-template>

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

@@ -16,7 +16,7 @@
                 <td><a [routerLink]="['/block/' | relativeUrl, block.id]" title="{{ block.id }}">{{ block.id | shortenString : 13 }}</a> <app-clipboard class="d-none d-sm-inline-block" [text]="block.id"></app-clipboard></td>
               </tr>
               <tr>
-                <td class="td-width">Timestamp</td>
+                <td>Timestamp</td>
                 <td>
                   {{ block.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
                   <div class="lg-inline">
@@ -39,7 +39,7 @@
           <table class="table table-borderless table-striped">
             <tbody>
               <tr *ngIf="block.medianFee !== undefined">
-                <td>Median fee</td>
+                <td class="td-width">Median fee</td>
                 <td>~{{ block.medianFee | number:'1.0-0' }} sat/vB (<app-fiat [value]="block.medianFee * 250" digitsInfo="1.2-2"></app-fiat>)</td>
               </tr>
               <ng-template [ngIf]="fees !== undefined" [ngIfElse]="loadingFees">
@@ -57,7 +57,7 @@
               <ng-template #loadingFees>
                 <tr>
                   <td>Total fees</td>
-                  <td><span class="skeleton-loader"></span></td>
+                  <td style="width: 75%;"><span class="skeleton-loader"></span></td>
                 </tr>
                 <tr>
                   <td>Reward + fees:</td>

frontend/src/app/components/master-page/master-page.component.html

@@ -11,9 +11,9 @@
       <span class="sr-only">Toggle Dropdown</span>
     </button>
     <div class="dropdown-menu" [class.d-block]="!networkDropdownHidden">
-      <a class="dropdown-item" routerLink="/">Mainnet</a>
-      <a class="dropdown-item" routerLink="/liquid">Liquid</a>
-      <a class="dropdown-item" routerLink="/testnet">Testnet</a>
+      <a class="dropdown-item" [class.active]="network === ''" routerLink="/">Mainnet</a>
+      <a class="dropdown-item" [class.active]="network === 'liquid'" routerLink="/liquid">Liquid</a>
+      <a class="dropdown-item" [class.active]="network === 'testnet'" routerLink="/testnet">Testnet</a>
       </div>
   </div>
 

frontend/src/app/components/search-form/search-form.component.html

@@ -1,7 +1,7 @@
 <form [formGroup]="searchForm" (submit)="searchForm.valid && search()" class="mr-4" novalidate>
   <div class="form-row">
     <div style="width: 350px;" class="mr-2">
-      <input formControlName="searchText" type="text" class="form-control" placeholder="Transaction, address, block hash...">
+      <input formControlName="searchText" type="text" class="form-control" placeholder="Transaction, block height, hash or address">
     </div>
     <div>
       <button type="submit" class="btn btn-block btn-primary">Search</button>