Merge pull request #3 from bartek-sek/SYL-4892/ui-fixes

UI fixes

Author: mpysiak

config/twig_hooks/product/card.yaml

@@ -3,4 +3,4 @@ sylius_twig_hooks:
         'sylius_shop.shared.product.card':
             add_to_wishlist:
                 template: "@SyliusWishlistPlugin/common/add_to_wishlist.html.twig"
-                priority: -100
+                priority: 50

templates/common/add_to_wishlist.html.twig

@@ -3,7 +3,7 @@
 {% set wishlists = isUser ? findAllByShopUserAndToken(app.user) : findAllByAnonymousAndChannel(sylius.channel) %}
 {% set is_single_wishlist = wishlists|length < 2 %}
 
-<div class="mt-3">
+<div class="my-3">
     {% if is_single_wishlist %}
         <a
             href="{{ path('sylius_wishlist_plugin_shop_locale_wishlist_add_product', {'productId': product.id}) }}"

templates/wishlist_details/collective_actions.html.twig

@@ -7,7 +7,7 @@
 {% set btn_class = 'btn btn-icon btn-outline-secondary text-nowrap w-100 justify-content-start' %}
 
 <div class="dropdown bb-colective-actions disabled">
-    <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+    <button class="btn btn-outline-secondary dropdown-toggle w-100" type="button" data-bs-toggle="dropdown" aria-expanded="false">
         {{ 'sylius.ui.bulk_actions'|trans }}
     </button>
     <ul class="dropdown-menu p-2">

templates/wishlist_details/global_actions.html.twig

@@ -1,5 +1,5 @@
 <a href="{{ path('sylius_wishlist_plugin_shop_locale_wishlist_import_from_csv') }}">
-    <button type="button" class="btn btn-icon btn-outline-secondary" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
+    <button type="button" class="btn btn-icon btn-outline-secondary w-100" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
         {{ ux_icon('mdi:import', {'class': 'icon icon-sm'}) }}
         {{ 'sylius_wishlist_plugin.ui.import_from_csv'|trans }}
     </button>

templates/wishlist_details/index.html.twig

@@ -16,7 +16,7 @@
         {% endif %}
         {% if wishlists|length > 1 %}
         {% else %}
-            <div class="d-flex justify-content-between">
+            <div class="d-flex flex-column flex-lg-row justify-content-between gap-2">
                 {% if wishlist.wishlistProducts.count > 0 %}
                     <a href="{{ path('sylius_wishlist_plugin_shop_locale_wishlist_clean', {'wishlistId': wishlist.id}) }}"
                        class="clean-wishlist text-decoration-none d-flex align-items-center">
@@ -69,7 +69,7 @@
                            value="{{ itemForm.vars.data.wishlistProduct.variant.id }}"/>
                 {% endfor %}
 
-                <div class="bb-wishlist-actions">
+                <div class="bb-wishlist-actions flex-column flex-lg-row align-items-stretch align-items-lg-center gap-2">
                     {% include "@SyliusWishlistPlugin/wishlist_details/collective_actions.html.twig" %}
                     {% include "@SyliusWishlistPlugin/wishlist_details/global_actions.html.twig" %}
                 </div>