Merge pull request #3507 from poanetwork/vb-fix-mobile-view-balance-card-left-marin

Fix left margin of balance card in mobile view

CHANGELOG.md

@@ -6,6 +6,7 @@
 - [#3462](https://github.com/poanetwork/blockscout/pull/3462) - Display price for bridged tokens
 
 ### Fixes
+- [#3507](https://github.com/poanetwork/blockscout/pull/3507) - Fix left margin of balance card in mobile view
 - [#3506](https://github.com/poanetwork/blockscout/pull/3506) - Fix token trasfer's tile styles: prevent overlapping of long names
 - [#3505](https://github.com/poanetwork/blockscout/pull/3505) - Fix Staking DApp first loading
 - [#3433](https://github.com/poanetwork/blockscout/pull/3433) - Token balances and rewards tables deadlocks elimination

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

@@ -34,9 +34,6 @@ $card-tab-icon-color-active: #fff !default;
 .card-background-1 {
   background-color: $card-background-1;
   color: $card-background-1-text-color;
-  @include media-breakpoint-down(sm) {
-    margin-left: 15px;
-  }
   a:not(.dropdown-item),
   a:not(.dropdown-item):hover {
     color: $card-background-1-text-color;
@@ -267,12 +264,6 @@ $card-tab-icon-color-active: #fff !default;
   }
 }
 
-.mob-transaction {
-  @include media-breakpoint-down(sm) {
-    margin-left: 15px!important;
-  } 
-}
-
 .implementation-container {
   margin-top: 10px;
 }

apps/block_scout_web/lib/block_scout_web/templates/transaction/overview.html.eex

@@ -271,7 +271,7 @@
       </div>
     <% end %>
       <!-- Gas -->
-      <div class="card flex-grow-1 ml-0 ml-md-5 ml-lg-0 mob-transaction">
+      <div class="card flex-grow-1 ml-0 ml-md-5 ml-lg-0">
         <div class="card-body card-body-flex-column-space-between">
           <h2 class="card-title balance-card-title"> <%= gettext "Gas" %> </h2>
           <div class="text-right">