[HIMA-896] fixed branch list dropdown alignment when chosing payment type

apps/sales/src/app/modules/cart/components/change-order-type/change-order-type.component.html

@@ -27,6 +27,7 @@
           (valueChanges)="selectLocation($event)"
           (search)="branchSearch($event)"
           class="location location-dropdown"
+          [left]="!(shippingAvailable | async) ? '-50px' : '0'"
           [load]="true"
           #branchesdropdown
         >

apps/sales/src/app/modules/product/components/product-checkout/product-checkout.component.html

@@ -25,6 +25,7 @@
           (valueChanges)="selectLocation($event)"
           (search)="branchSearch($event)"
           class="location location-dropdown"
+          [left]="!(shippingAvailable | async) ? '-50px' : '0'"
           [load]="true"
           #branchesdropdown
         >

libs/ui/src/lib/search-dropdown/search-dropdown.component.html

@@ -10,7 +10,13 @@
     <span>{{ selected }}</span>
     <div [ngClass]="{ 'open-icon': !isOpen, 'close-icon': isOpen }" id="drop_img"></div>
   </div>
-  <div class="dropdown-options" [ngClass]="{ visible: isOpen, 'absolute-position': absolute === true }" id="drop" *ngIf="!loading">
+  <div
+    class="dropdown-options"
+    [ngClass]="{ visible: isOpen, 'absolute-position': absolute === true }"
+    [ngStyle]="{ left: left }"
+    id="drop"
+    *ngIf="!loading"
+  >
     <ul>
       <li class="search-li">
         <input

libs/ui/src/lib/search-dropdown/search-dropdown.component.scss

@@ -53,7 +53,6 @@
   .dropdown-options {
     visibility: hidden;
     position: absolute;
-    left: 0;
     top: 0;
     z-index: 999;
     display: inline-block;

libs/ui/src/lib/search-dropdown/search-dropdown.component.ts

@@ -38,6 +38,7 @@ export class SearchDropdownComponent implements OnInit {
   @Input() load = false;
   loading = false;
   _options: string[];
+  @Input() left = '0';
 
   constructor(private cdrf: ChangeDetectorRef) {}