From af49a63a7b41932b63662521a1a9f7fce60028b6 Mon Sep 17 00:00:00 2001
From: Ryan Arthur <ryan@gaslight.co>
Date: Wed, 17 Oct 2018 15:43:22 -0400
Subject: [PATCH] Style hide/show pending txn link

---
 .../templates/address_transaction/index.html.eex    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
index d39fdcc7de..9dda749f2c 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex
@@ -51,12 +51,13 @@
           </div>
         </div>
         <h2 class="card-title"><%= gettext "Transactions" %></h2>
-        <span data-selector="pending-transactions-toggle">
-          <span data-selector="pending-transactions-count"><%= length(@pending_transactions) %></span>
-          <%= gettext("Pending Transactions") %>
-          <%= link to: "#pending-transactions", "data-toggle": "collapse" do %>
-            <span data-selector="pending-transactions-open"><%= gettext("Show") %></span>
+        <div data-selector="pending-transactions-toggle">
+          <%= link to: "#pending-transactions", class: "d-inline-block mb-3", "data-toggle": "collapse" do %>
+            <span data-selector="pending-transactions-open">
+            <%= gettext("Show") %></span>
             <span data-selector="pending-transactions-close" class="d-none"><%= gettext("Hide") %></span>
+            <span data-selector="pending-transactions-count"><%= length(@pending_transactions) %></span>
+            <%= gettext("Pending Transactions") %>
           <% end %>
           <div class="mb-3 collapse" id="pending-transactions" data-selector="pending-transactions-list">
             <%= for pending_transaction <- @pending_transactions do %>
@@ -64,7 +65,7 @@
             <% end %>
             <hr />
           </div>
-        </span>
+        </div>
         <%= if Enum.count(@transactions) > 0 do %>
           <span data-selector="transactions-list">
             <%= for transaction <- @transactions do %>