Added view all button to homepage panels

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

@@ -3,6 +3,7 @@
 
   &__container {
     padding: explorer-size(-1) explorer-size(0);
+    display: flex;
     & + & { padding-top: 0; }
     &--title { padding-top: explorer-size(0); }
   }
@@ -12,6 +13,7 @@
     @include explorer-typography("title");
     color: explorer-color("slate", "900");
     margin: 0;
+    width: 90%;
   }
 
   &__headline-title { line-height: 18px; }

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

@@ -3,14 +3,25 @@
 
   &__container {
     padding: explorer-size(-1) explorer-size(0);
-    & + & { padding-top: 0; }
-    &--title { padding-top: explorer-size(0); }
+
+    &__flex {
+      display: flex;
+    }
+
+    & + & {
+      padding-top: 0;
+    }
+    
+    &--title {
+      padding-top: explorer-size(0);
+    }
   }
 
   &__headline-title,
   &__title {
     @include explorer-typography("title");
     color: explorer-color("slate", "900");
+    width: 90%;
   }
 
   &__title { margin: 0; }

apps/explorer_web/assets/css/explorer/_button.scss

@@ -28,9 +28,8 @@
   }
 
   &--secondary {
-    background-color: $gray-300;
-    color: $gray-800;
-    font-size: 13px;
+    border: 1px solid $gray-500;
+    color: $gray-600;
     -webkit-transition: background-color .25s;
     transition: background-color .25s;
     font-weight: 400;
@@ -58,13 +57,12 @@
   }
 
   &--xsmall {
-    max-width: 40px;
-    font-size: 1rem;
+    font-size: 11px;
     padding: 6px 9px 6px !important;
   }
 
   &--small {
-    font-size: 1.25rem;
+    font-size: 12px;
     padding: 10px 20px 10px;
   }
 

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

@@ -56,6 +56,12 @@
     <div class="blocks container__subsection">
       <div class="blocks__container blocks__container--title">
         <h2 class="blocks__title"><%= gettext "Blocks" %></h2>
+        <a href="<%= block_path(@conn, :index, Gettext.get_locale) %>" class="header__link">
+          <div class="button button--secondary button--xsmall u-float-right">View All</div>
+        </a>
+      </div>
+      <div>
+
       </div>
       <div class="blocks__container">
         <table class="blocks__table">
@@ -89,8 +95,11 @@
       </div>
     </div>
     <div class="transactions container__subsection">
-      <div class="transactions__container transactions__container--title">
+      <div class="transactions__container transactions__container__flex transactions__container--title">
         <h2 class="transactions__title"><%= gettext "Transactions" %></h2>
+        <a href="<%= transaction_path(@conn, :index, Gettext.get_locale) %>" class="header__link">
+          <div class="button button--secondary button--xsmall u-float-right">View All</div>
+        </a>
       </div>
       <div class="transactions__container">
         <table class="transactions__table">