Merge pull request blockscout#5772 from blockscout/np-complete-dropdo…

…wn-fix

Move usd value to separate row

CHANGELOG.md

@@ -7,7 +7,7 @@
 
 ### Fixes
 - [#5768](https://github.com/blockscout/blockscout/pull/5768) - Outstanding rows limit for missing blocks query (catchup fetcher)
-- [#5737](https://github.com/blockscout/blockscout/pull/5737) - Fix double requests; Fix token balances dropdown view
+- [#5737](https://github.com/blockscout/blockscout/pull/5737), [#5772](https://github.com/blockscout/blockscout/pull/5772) - Fix double requests; Fix token balances dropdown view
 - [#5723](https://github.com/blockscout/blockscout/pull/5723) - Add nil clause for Data.to_string/1
 - [#5714](https://github.com/blockscout/blockscout/pull/5714) - Add clause for EthereumJSONRPC.Transaction.elixir_to_params/1 when gas_price is missing in the response
 - [#5697](https://github.com/blockscout/blockscout/pull/5697) - Gas price oracle: ignore gas price rounding for values less than 0.01

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

@@ -41,7 +41,14 @@
           <% end %>
         </div>
         <div class="row dropdown-row wh-sp">
-          <p class="mb-0 ml-5px <%= if System.get_env("DISPLAY_TOKEN_ICONS") === "true", do: "ml-20px" %>">
+          <%= if token_balance.token.usd_value do %>
+            <p class="mb-0 text-right text-muted usd-rate">
+              <span data-selector="token-price" data-token-usd-value="<%= token_balance.token.usd_value %>"></span>
+            </p>
+          <% end %>
+        </div>
+        <div class="row dropdown-row wh-sp">
+          <p class="mb-0 ml-5px dropdown-amount <%= if System.get_env("DISPLAY_TOKEN_ICONS") === "true", do: "ml-20px" %>">
             <%= if token_balance.token_type == "ERC-721" && !is_nil(token_balance.token_id) do %>
               1
             <% else %>
@@ -51,11 +58,6 @@
               <%= " TokenID " <> to_string(token_balance.token_id) %>
             <% end %>
           </p>
-          <%= if token_balance.token.usd_value do %>
-            <p class="mb-0 col-md-6 text-right text-muted usd-rate">
-              <span data-selector="token-price" data-token-usd-value="<%= token_balance.token.usd_value %>"></span>
-            </p>
-          <% end %>
         </div>
       <% end %>
     </div>