fix: small UI issues (#1604)

intershop · Mar 12, 2024 · 7643c5f · 7643c5f
1 parent 194d4d4
commit 7643c5f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/app/pages/product/product-detail-actions/product-detail-actions.component.html b/src/app/pages/product/product-detail-actions/product-detail-actions.component.html
@@ -2,11 +2,7 @@
   <div class="col-lg-12">
     <ul class="share-tools">
       <ng-container *ishFeature="'wishlists'">
-        <li
-          *ngIf="configuration$('addToWishlist') | async"
-          class="mr-2"
-          [attr.data-testing-id]="'wishlist-' + product.sku"
-        >
+        <li *ngIf="configuration$('addToWishlist') | async" [attr.data-testing-id]="'wishlist-' + product.sku">
           <ish-lazy-product-add-to-wishlist displayType="animated" />
         </li>
       </ng-container>

diff --git a/src/app/shared/formly/types/date-picker-field/date-picker-field.component.html b/src/app/shared/formly/types/date-picker-field/date-picker-field.component.html
@@ -24,7 +24,7 @@
       type="button"
       data-testing-id="btn-date-picker"
     >
-      <fa-icon class="text-secondary" icon="calendar-day" />
+      <fa-icon class="text-primary" icon="calendar-day" />
     </div>
   </div>
 </div>
diff --git a/src/styles/pages/category/product-list.scss b/src/styles/pages/category/product-list.scss
@@ -113,6 +113,10 @@
 
     &.list-view {
       width: 100%;
+
+      .product-tile-actions {
+        justify-content: flex-start;
+      }
     }
   }
 

diff --git a/src/styles/pages/productdetail/productdetail.scss b/src/styles/pages/productdetail/productdetail.scss
@@ -30,6 +30,10 @@
     margin-top: divide($space-default, 3);
     margin-bottom: ($space-default);
   }
+
+  button.add-to-wishlist {
+    display: contents;
+  }
 }
 
 .panel-group {