Merge pull request #665 from marsaldev/develop

Fix issue #664

Author: Hlavtox

modules/ps_customersignin/ps_customersignin.tpl

@@ -4,7 +4,7 @@
  *}
 
 <div id="_desktop_user_info">
-  <div class="user-info">
+  <div class="user-info d-flex align-items-center">
     {if $customer.is_logged}
       <div class="dropdown header-block">
         <a

modules/ps_shoppingcart/ps_shoppingcart.tpl

@@ -3,9 +3,9 @@
  * file that was distributed with this source code.
  *}
 <div id="_desktop_cart">
-  <div class="header-block blockcart cart-preview {if $cart.products_count> 0}header-block--active{else}inactive{/if}" data-refresh-url="{$refresh_url}">
+  <div class="header-block d-flex align-items-center blockcart cart-preview {if $cart.products_count> 0}header-block--active{else}inactive{/if}" data-refresh-url="{$refresh_url}">
     {if $cart.products_count> 0}
-      <a class="header-block__action-btn" rel="nofollow" href="{$cart_url}" aria-label="{l s='View cart (%d products)' d='Shop.Theme.Checkout' sprintf=[$cart.products_count]}">
+      <a class="header-block__action-btn position-relative" rel="nofollow" href="{$cart_url}" aria-label="{l s='View cart (%d products)' d='Shop.Theme.Checkout' sprintf=[$cart.products_count]}">
     {else}
       <span class="header-block__action-btn">
     {/if}

templates/_partials/header.tpl

@@ -39,9 +39,9 @@
           {/if}
         </div>
 
-        <div class="search__mobile d-md-none col-auto">
+        <div class="search__mobile d-md-none d-flex col-auto">
 
-          <div class="header-block">
+          <div class="header-block d-flex align-items-center">
             <a class="header-block__action-btn" href="#" role="button" data-bs-toggle="offcanvas" data-bs-target="#searchCanvas" aria-controls="searchCanvas" aria-label="{l s='Show search bar' d='Shop.Theme.Global'}">
               <span class="material-icons header-block__icon">search</span>
             </a>
@@ -57,7 +57,7 @@
 
         {hook h='displayTop'}
 
-        <div id="_mobile_user_info" class="d-md-none col-auto">
+        <div id="_mobile_user_info" class="d-md-none d-flex col-auto">
           {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
           <div class="header-block">
             <span class="header-block__action-btn">
@@ -68,9 +68,9 @@
           {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
         </div>
 
-        <div id="_mobile_cart" class="d-md-none col-auto">
+        <div id="_mobile_cart" class="d-md-none col-auto d-flex">
           {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
-          <div class="header-block">
+          <div class="header-block d-flex align-items-center">
             <span class="header-block__action-btn">
               <i class="material-icons header-block__icon" aria-hidden="true">shopping_cart</i>
               <span class="header-block__badge">{$cart.products_count}</span>