Design updates.

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

@@ -42,15 +42,7 @@
           Default push: <span class="code">{{ '{' }} action: 'want', data: ['blocks', ...] {{ '}' }}</span>
           to express what you want pushed. Available: 'blocks', 'mempool-blocks', 'live-2h-chart' and 'stats'.
         </span>
-      </td>
-      <td>
-        <div class="mx-auto">
-          <input class="form-control" type="text" value="wss://mempool.space/ws" readonly>
-        </div>
-      </td>
-    </tr>
-    <tr>
-      <td style="width: 50%;">
+        <br><br>
         <span class="text-small">
           Push transactions related to address: <span class="code">{{ '{' }} 'track-address': '3PbJ...bF9B' {{ '}' }}</span>
           to receive all new transactions containing that address as input or output. Returns an array of transactions. 'address-transactions' for new mempool transactions and 'address-block-transactions' for new block confirmed transactions.

frontend/src/app/components/address-labels/address-labels.component.html

@@ -1 +1,2 @@
 <span *ngIf="multisig" class="badge badge-pill badge-warning">multisig {{ multisigM }} of {{ multisigN }}</span>
+<span *ngIf="lnChannelClose" class="badge badge-pill badge-warning">Lightning Channel Force Close</span>

frontend/src/app/components/address-labels/address-labels.component.ts

@@ -16,6 +16,8 @@ export class AddressLabelsComponent implements OnInit {
   multisigM: number;
   multisigN: number;
 
+  lnChannelClose = false;
+
   constructor() { }
 
   ngOnInit() {
@@ -27,11 +29,17 @@ export class AddressLabelsComponent implements OnInit {
   }
 
   handleVin() {
-    if (this.vin.inner_witnessscript_asm && this.vin.inner_witnessscript_asm.indexOf('OP_CHECKMULTISIG') > -1) {
-      const matches = this.getMatches(this.vin.inner_witnessscript_asm, /OP_PUSHNUM_([0-9])/g, 1);
-      this.multisig = true;
-      this.multisigM = matches[0];
-      this.multisigN = matches[1];
+    if (this.vin.inner_witnessscript_asm) {
+      if (this.vin.inner_witnessscript_asm.indexOf('OP_CHECKMULTISIG') > -1) {
+        const matches = this.getMatches(this.vin.inner_witnessscript_asm, /OP_PUSHNUM_([0-9])/g, 1);
+        this.multisig = true;
+        this.multisigM = matches[0];
+        this.multisigN = matches[1];
+      }
+
+      if (/OP_IF (.+) OP_ELSE (.+) OP_CSV OP_DROP/.test(this.vin.inner_witnessscript_asm)) {
+        this.lnChannelClose = true;
+      }
     }
 
     if (this.vin.inner_redeemscript_asm && this.vin.inner_redeemscript_asm.indexOf('OP_CHECKMULTISIG') > -1) {

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

@@ -31,10 +31,6 @@
                 <td>Weight</td>
                 <td>{{ block.weight | wuBytes: 2 }}</td>
               </tr>
-              <tr>
-                <td>Status</td>
-                <td><ng-template [ngIf]="latestBlock">{{ (latestBlock.height - block.height + 1) }} confirmation{{ (latestBlock.height - block.height + 1) === 1 ? '' : 's' }}</ng-template></td>
-              </tr>
             </tbody>
           </table>
         </div>
@@ -53,6 +49,10 @@
                 <td>Block subsidy</td>
                 <td>{{ blockSubsidy | number: '1.2-2' }} BTC <span *ngIf="conversions">(<span class="green-color">{{ conversions.USD * blockSubsidy | currency:'USD':'symbol':'1.0-0' }}</span>)</span></td>
               </tr>
+              <tr>
+                <td>Status</td>
+                <td><ng-template [ngIf]="latestBlock">{{ (latestBlock.height - block.height + 1) }} confirmation{{ (latestBlock.height - block.height + 1) === 1 ? '' : 's' }}</ng-template></td>
+              </tr>
             </tbody>
           </table>
         </div>

frontend/src/app/components/footer/footer.component.scss

@@ -4,6 +4,7 @@
   width: 100%;
   height: 60px;
   background-color: #1d1f31;
+  box-shadow: 15px 15px 15px 15px #000;
 }
 
 .footer > .container {

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

@@ -18,7 +18,7 @@
         <a class="nav-link" routerLink="/tv" (click)="collapse()">TV view &nbsp;<img src="./assets/expand.png" width="15"/></a>
       </li>
       <li class="nav-item" routerLinkActive="active">
-        <a class="nav-link" routerLink="/contributors" (click)="collapse()">Team</a>
+        <a class="nav-link" routerLink="/contributors" (click)="collapse()">Contributors</a>
       </li>
     </ul>
     <app-search-form location="top"></app-search-form>

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

@@ -23,3 +23,8 @@ li.nav-item {
 li.nav-item a {
   color: #ffffff;
 }
+
+
+nav {
+  box-shadow: 0px 0px 15px 0px #000;
+}