[US TRTL-531] redesign autocomplete

ui/ui-frontend-common/src/app/modules/components/vitamui-autocomplete/vitamui-autocomplete.component.html

@@ -10,7 +10,7 @@
   >
   <i class="material-icons">keyboard_arrow_down</i>
 </div>
-<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn(options)" autoActiveFirstOption class="vitamui-autocomplete-panel" panelWidth="500px">
+<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn(options)" autoActiveFirstOption class="vitamui-autocomplete-panel">
   <mat-option *ngFor="let option of filteredOptions | async" [value]="option.key">
     <span class="vitamui-option-label">{{ option.label }}</span> <i class="material-icons" *ngIf="option.info" [matTooltip]="option.info" matTooltipClass="vitamui-tooltip">info_outline</i>
   </mat-option>

ui/ui-frontend-common/src/sass/material/_autocomplete.scss

 
 .vitamui-autocomplete-panel {
-    border-radius: 5px;
+    border-bottom-left-radius: 5px !important;
+    border-bottom-right-radius: 5px !important;
     background-color: $white;
     border: solid 1px var(--vitamui-grey-400);
 
@@ -43,7 +44,10 @@
 }
 
 .mat-autocomplete-panel.mat-autocomplete-visible {
-    box-shadow: none !important;
+    box-shadow: none !important;  
+    width: 90%;
+    left: 5%;
+
 }