added styles for 'download csv' button

apps/block_scout_web/assets/css/components/_transaction.scss

@@ -4,3 +4,39 @@
   line-height: 1.2;
   margin: 0 0 12px;
 }
+
+.transaction-bottom-panel {
+	display: flex;
+	flex-direction: column;
+	@media (min-width: 768px) {
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: flex-end;
+	}
+}
+
+.download-all-transactions {
+	text-align: center;
+	color: #a3a9b5;
+	font-size: 13px;
+	margin-top: 10px;
+	@media (min-width: 768px) {
+		margin-top: 30px;
+	}
+	.download-all-transactions-link {
+		text-decoration: none;
+		svg {
+			position: relative;
+			margin-left: 2px;
+			top: -3px;
+			path {
+				fill: $primary;
+			}
+		}
+		&:hover {
+			span {
+				text-decoration: underline;
+			}
+		}
+	}
+}

apps/block_scout_web/lib/block_scout_web/templates/address_token/index.html.eex

@@ -5,7 +5,6 @@
     <div class="card">
       <%= render BlockScoutWeb.AddressView, "_tabs.html", assigns %>
       <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
-        <a type="button" href=<%= address_transaction_path(@conn, :token_transfers_csv, %{"address_id" => to_string(@address.hash)}) %>><%= gettext("Download all token transfers as csv") %></a>
         <h2 class="card-title"><%= gettext "Tokens" %></h2>
 
         <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "top", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
@@ -22,8 +21,18 @@
 
         <div data-items></div>
         
+        <div class="transaction-bottom-panel">
+          <div class="download-all-transactions">
+            Download
+            <a class="download-all-transactions-link" href=<%= address_transaction_path(@conn, :token_transfers_csv, %{"address_id" => to_string(@address.hash)}) %>><%= gettext("CSV") %></span>
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16">
+                  <path fill="#333333" fill-rule="evenodd" d="M13 16H1c-.999 0-1-1-1-1V1s-.004-1 1-1h6l7 7v8s-.032 1-1 1zm-1-8c0-.99-1-1-1-1H8s-1 .001-1-1V3c0-.999-1-1-1-1H2v12h10V8z"/>
+              </svg>
+            </a>
+          </div>
           <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "bottom", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
         </div>
       </div>
+    </div>
   </section>
 </section>

apps/block_scout_web/priv/gettext/default.pot

@@ -732,7 +732,7 @@ msgid "There are no token transfers for this address."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/address_token/index.html.eex:19
+#: lib/block_scout_web/templates/address_token/index.html.eex:18
 msgid "There are no tokens for this address."
 msgstr ""
 
@@ -810,7 +810,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address/_tabs.html.eex:8
-#: lib/block_scout_web/templates/address_token/index.html.eex:9
+#: lib/block_scout_web/templates/address_token/index.html.eex:8
 #: lib/block_scout_web/templates/address_token_transfer/index.html.eex:9
 #: lib/block_scout_web/views/address_view.ex:304
 msgid "Tokens"
@@ -1207,7 +1207,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_coin_balance/index.html.eex:34
 #: lib/block_scout_web/templates/address_internal_transaction/index.html.eex:61
 #: lib/block_scout_web/templates/address_logs/index.html.eex:21
-#: lib/block_scout_web/templates/address_token/index.html.eex:14
+#: lib/block_scout_web/templates/address_token/index.html.eex:13
 #: lib/block_scout_web/templates/address_token_transfer/index.html.eex:20
 #: lib/block_scout_web/templates/address_transaction/index.html.eex:57
 #: lib/block_scout_web/templates/address_validation/index.html.eex:22
@@ -1699,6 +1699,6 @@ msgid " Token Transfer"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/address_token/index.html.eex:8
+#: lib/block_scout_web/templates/address_token/index.html.eex:27
-msgid "Download all token transfers as csv"
+msgid "CSV"
 msgstr ""