tile content aligning for mobile resolution fix, dai logo fix

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

@@ -104,6 +104,18 @@ $tile-body-a-color: #5959d8 !default;
   padding: 0 5px;
 }
 
+.tile-transaction-type-block {
+  .tile-status-label {
+    padding: 0;
+  }
+}
+
+.tile-bottom {
+  @media (max-width: 767px) {
+    justify-content: flex-start !important;
+  }
+}
+
 .tile-bottom-contents {
   background-color: #f6f7f9;
   font-size: 12px;

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

@@ -19,7 +19,7 @@
     <!-- Content -->
     <div class="col-md-7 col-lg-8 d-flex flex-column pr-2 pr-sm-2 pr-md-0">
       <%= render "_link.html", transaction_hash: @transaction.hash %>
-      <span class="text-nowrap">
+      <span>
         <%= @transaction |> BlockScoutWeb.AddressView.address_partial_selector(:from, assigns[:current_address]) |> BlockScoutWeb.RenderHelpers.render_partial() %>
         &rarr;
         <%= @transaction |> BlockScoutWeb.AddressView.address_partial_selector(:to, assigns[:current_address]) |> BlockScoutWeb.RenderHelpers.render_partial() %>
@@ -58,7 +58,7 @@
       <% end %>
     </div>
     <!-- Block info -->
-    <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column flex-nowrap justify-content-center text-md-right mt-3 mt-md-0">
+    <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column flex-nowrap justify-content-center text-md-right mt-3 mt-md-0 tile-bottom">
       <span class="mr-2 mr-md-0 order-1">
         <%= @transaction |> block_number() |> BlockScoutWeb.RenderHelpers.render_partial() %>
       </span>