Merge pull request #5598 from blockscout/np-tokens-dropdown-fix

Fix token dropdown

CHANGELOG.md

@@ -5,6 +5,7 @@
 - [#5540](https://github.com/blockscout/blockscout/pull/5540) - Tx page: scroll to selected tab's data
 
 ### Fixes
+- [#5598](https://github.com/blockscout/blockscout/pull/5598) - Fix token dropdown
 - [#5592](https://github.com/blockscout/blockscout/pull/5592) - Burn fees for legacy transactions
 - [#5568](https://github.com/blockscout/blockscout/pull/5568) - Add regexp for ipfs checking
 - [#5567](https://github.com/blockscout/blockscout/pull/5567) - Sanitize token name and symbol before insert into DB, display in the application

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

@@ -110,3 +110,7 @@ $dropdown-menu-item-hover-background: rgba($secondary, 0.1) !default;
   left: unset !important;
   width: 300px !important;
 }
+
+.flex-grow-2 {
+  flex-grow: 2;
+}

apps/block_scout_web/lib/block_scout_web/templates/address_token_balance/_tokens.html.eex

@@ -32,7 +32,7 @@
               additional_classes: ["token-wallet-icon"]
             %>
           <% end %>
-          <p class="mb-0 col-md-6 pl-0 pr-0 el-1"><%= token_name(token) %>
+          <p class="mb-0 col-md-6 pl-0 pr-0 el-1 flex-grow-2"><%= token_name(token) %>
           <%= if bridged_token && bridged_token.custom_metadata do %>
             <%= "(" <> bridged_token.custom_metadata <> ")" %>
           <% end %>

apps/block_scout_web/lib/block_scout_web/templates/tokens/_token_icon.html.eex

@@ -1,2 +1,2 @@
 <% token_icon_url = Explorer.Chain.get_token_icon_url_by(@chain_id, @address) %>
-<img width=15 src="<%= token_icon_url %>" style="margin-top: -2px; min-height: 15px; min-width: 15px; border: none; outline: none;<%= if assigns[:style], do: @style %>" class="<%= if assigns[:additional_classes] do @additional_classes |> Enum.join(" ") end %>" alt="" onerror="this.style.visibility='hidden'"/>
+<img width=15 height=15 src="<%= token_icon_url %>" style="margin-top: -2px; min-height: 15px; min-width: 15px; border: none; outline: none;<%= if assigns[:style], do: @style %>" class="<%= if assigns[:additional_classes] do @additional_classes |> Enum.join(" ") end %>" alt="" onerror="this.style.visibility='hidden'"/>