Merge pull request #2626 from fallengravity/master

Fixing 2 Mobile UI Issues

CHANGELOG.md

@@ -7,6 +7,7 @@
 - [#2497](https://github.com/poanetwork/blockscout/pull/2497) - Add generic Ordered Cache behaviour and implementation
 
 ### Fixes
+- [#2626](https://github.com/poanetwork/blockscout/pull/2626) - Fixing 2 Mobile UI Issues
 - [#2623](https://github.com/poanetwork/blockscout/pull/2623) - fix a blinking test
 - [#2616](https://github.com/poanetwork/blockscout/pull/2616) - deduplicate coin history records by delta
 - [#2613](https://github.com/poanetwork/blockscout/pull/2613) - fix getminedblocks rpc endpoint

apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex

@@ -99,7 +99,7 @@
             </div>
           </li>
         <% end %>
-        <li class="nav-item dropdown nav-item-networks">
+        <li class="nav-item dropdown">
           <a class="nav-link topnav-nav-link active-icon <%= if dropdown_nets() != [], do: "dropdown-toggle js-show-network-selector" %>" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             <span class="nav-link-icon">
               <%= render BlockScoutWeb.IconsView, "_active_icon.html" %>
@@ -116,7 +116,7 @@
       </button>
       <!-- Search navbar -->
       <%= if Application.get_env(:block_scout_web, BlockScoutWeb.WebRouter)[:enabled] do %>
-        <div class="search-form d-lg-flex d-inline-block" style="background-color: #22223a">
+        <div class="search-form d-lg-flex d-inline-block">
           <%= form_for @conn, chain_path(@conn, :search), [class: "form-inline my-2 my-lg-0", method: :get, enforce_utf8: false], fn f -> %>
           <div class="input-group" title='<%= gettext("Search by address, token symbol name, transaction hash, or block number") %>'>
                 <%= awesomplete(f, :q,
@@ -160,4 +160,4 @@
     var modeChanger = document.getElementById("dark-mode-changer");
     modeChanger.className += " " + "dark-mode-changer--dark";
   }
-</script> 
+</script>