Txns type modifiers

apps/explorer_web/assets/css/components/_tile.scss

@@ -13,6 +13,41 @@
     margin-top: 1rem;
   }
 
+  &-type {
+
+    &-transaction {
+      border-left: 4px solid $blue;
+
+      .tile-label {
+        color: $blue;
+      }
+    }
+
+    &-contract {
+      border-left: 4px solid $green;
+
+      .tile-label {
+        color: $green;
+      }
+    }
+
+    &-contract-creation {
+      border-left: 4px solid $pink;
+
+      .tile-label {
+        color: $pink;
+      }
+    }
+
+    &-token {
+      border-left: 4px solid $orange;
+
+      .tile-label {
+        color: $orange;
+      }
+    }
+  }
+
   .tile-title {
     font-size: 14px;
     font-weight: 600;

apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex

@@ -3,10 +3,10 @@
     <%= link(gettext("View All Transactions →"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "button button--secondary button--xsmall float-right") %>
     <h2 class="card-title"><%= gettext "Transactions" %></h2>
     <%= for transaction <- @chain.transactions do %>
-      <div class="tile">
+      <div class="tile tile-type-transaction">
         <div class="row">
-          <div class="col-md-2 d-flex align-items-center justify-content-center">
+          <div class="col-md-2 d-flex align-items-center justify-content-center tile-label">
-            Contract Creation
+            Transaction
           </div>
           <div class="col-md-8">
             <%= link(transaction.hash ,
@@ -32,11 +32,15 @@
                 <% true -> %>
               <% end %>
             </div>
-            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %>
+            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA
           </div>
           <div class="col-md-2 d-flex flex-column justify-content-end text-right">
             <span data-from-now="<%= transaction.block.timestamp %>"></span>
-            <span>Block #12345</span>
+            Block #
+            <%= link(
+              transaction.block,
+              to: block_path(@conn, :show, @conn.assigns.locale, transaction.block)
+            ) %>
           </div>
         </div>
       </div>