OP-551: Adjust item list styling

Author: hmfilar

src/Resources/assets/shop/scss/pages/wishlist-details/_item.scss

@@ -38,12 +38,6 @@
 
         &-image {
             grid-area: image;
-            width: 75%;
-            height: 75%;
-
-            img {
-                margin-bottom: 24px;
-            }
         }
 
         &-name {

src/Resources/views/WishlistDetails/index/content/form/sections/items/body/image.html.twig

@@ -1,7 +1,7 @@
 {% set product = hookable_metadata.context.product %}
 {% set variant = hookable_metadata.context.variant %}
 
-<div class="bb-wishlist-item-image">
+<div class="bb-wishlist-item-image overflow-auto rounded-3">
     {{ component('sylius_shop:main_image', {
         product: variant.hasImages ? variant : product,
         class: "w-100 h-100 object-fit-cover",

src/Resources/views/WishlistDetails/index/content/form/sections/items/body/name.html.twig

@@ -2,7 +2,7 @@
 {% set productUrl = path('sylius_shop_product_show', { slug: product.slug, _locale: product.translation.locale }) %}
 
 <div class="bb-wishlist-item-name">
-    <a href="{{ productUrl }}" {{ sylius_test_html_attribute('wishlist-item-name') }}>
+    <a href="{{ productUrl }}" {{ sylius_test_html_attribute('wishlist-item-name') }} class="fw-normal link-reset">
         {{ product.name }}
     </a>
 </div>

src/Resources/views/WishlistDetails/index/content/form/sections/items/body/price.html.twig

@@ -3,10 +3,10 @@
 {% set product = hookable_metadata.context.product %}
 {% set variant = hookable_metadata.context.variant %}
 
-<div class="bb-wishlist-item-price">
+<div class="bb-wishlist-item-price text-black-50">
     {% if not product.variants.empty() %}
-        <b>
+        <span class="fw-normal">
             {{ money.calculatePrice(variant) }}
-        </b>
+        </span>
     {% endif %}
 </div>