Style hide/show pending txn link

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">
+        <div data-selector="pending-transactions-toggle">
-          <span data-selector="pending-transactions-count"><%= length(@pending_transactions) %></span>
+          <%= link to: "#pending-transactions", class: "d-inline-block mb-3", "data-toggle": "collapse" do %>
-          <%= gettext("Pending Transactions") %>
+            <span data-selector="pending-transactions-open">
-          <%= link to: "#pending-transactions", "data-toggle": "collapse" do %>
+            <%= gettext("Show") %></span>
-            <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 %>