From f2eb171dc4d32998cb6752135a28d08987af90c1 Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Fri, 24 May 2019 12:18:52 -0300
Subject: [PATCH] (fix) Missing tx hashes

---
 .../css/components/_token_tile_view_more.scss | 78 +++++++------------
 .../templates/transaction/_tile.html.eex      |  4 +-
 2 files changed, 31 insertions(+), 51 deletions(-)

diff --git a/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss b/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss
index 435dc3e235..41cfc89a5a 100644
--- a/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss
+++ b/apps/block_scout_web/assets/css/components/_token_tile_view_more.scss
@@ -1,65 +1,47 @@
 .token-tile-view-more {
-  line-height: 0.5;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  line-height: 1.2;
+  padding-top: 10px;
   text-align: center;
 
-  &:hover,
-  :focus {
+  a {
     text-decoration: none;
   }
-}
-
-.token-tile-view-more span {
-  display: inline-block;
-  position: relative;
-}
 
-.token-tile-view-more span:before,
-.token-tile-view-more span:after {
-  content: "";
-  position: absolute;
-  height: 5px;
-  border-bottom: 1px solid $border-color;
-  border-top: 1px solid $border-color;
-  top: 0;
-  width: 43%;
-}
-
-.token-tile-view-more span:before {
-  right: 55%;
-  margin-right: 0.9375rem;
-}
+  &:before,
+  &:after {
+    border-bottom: 1px solid $border-color;
+    border-top: 1px solid $border-color;
+    content: "";
+    height: 4px;
+    flex-grow: 1;
 
-.token-tile-view-more span:after {
-  left: 55%;
-  margin-left: 0.9375rem;
-}
+    @include media-breakpoint-down(md) {
+    }
 
-@include media-breakpoint-down(md) {
-  .token-tile-view-more span:before,
-  .token-tile-view-more span:after {
-    width: 40%;
+    @include media-breakpoint-down(sm) {
+    }
   }
 
-  .token-tile-view-more span:before {
-    right: 58%;
-  }
+  &:before {
+    margin-right: 10px;
 
-  .token-tile-view-more span:after {
-    left: 58%;
-  }
-}
+    @include media-breakpoint-down(md) {
+    }
 
-@include media-breakpoint-down(sm) {
-  .token-tile-view-more span:before,
-  .token-tile-view-more span:after {
-    width: 28%;
+    @include media-breakpoint-down(sm) {
+    }
   }
 
-  .token-tile-view-more span:before {
-    right: 66%;
-  }
+  &:after {
+    margin-left: 10px;
+
+    @include media-breakpoint-down(md) {
+    }
 
-  .token-tile-view-more span:after {
-    left: 66%;
+    @include media-breakpoint-down(sm) {
+    }
   }
 }
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
index 9ff19a9e5d..e8d52b25f4 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
@@ -50,11 +50,9 @@
         </div>
 
         <%= if Enum.any?(remaining_token_transfers) do %>
-          <div class="col-md-12 d-flex flex-column mt-1 mb-2 text-center token-tile-view-more">
-            <span class="token-tile-more-lines">
+          <div class="token-tile-view-more">
               <%= link gettext("View More Transfers"), to: "#transaction-#{@transaction.hash}", "data-toggle": "collapse", "data-selector": "token-transfer-open", "data-test": "token_transfers_expansion" %>
               <%= link gettext("View Less Transfers"), class: "d-none", to: "#transaction-#{@transaction.hash}", "data-toggle": "collapse", "data-selector": "token-transfer-close" %>
-            </span>
           </div>
         <% end %>
       <% end %>