diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html index e7679f254..f63101c8b 100644 --- a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html +++ b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html @@ -63,7 +63,7 @@

+ class="input-group-text text-primary bg-secondary h-100 border-0 rounded-end-0">
@@ -71,7 +71,7 @@

[(ngModel)]="searchText" (ngModelChange)="onSearchChanged($event)" type="text" - class="form-control input__search bg-secondary border-0 rounded-end-4 rounded-start-0 search-input" + class="form-control input__search bg-secondary border-0 rounded-start-0 ps-0 search-input" [placeholder]="translateService.get('common.search.placeholder') | async" [ariaLabel]="translateService.get('common.search.placeholder') | async" aria-describedby="search"/> diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss index df6c488d0..2f6af7cb1 100644 --- a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss +++ b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss @@ -1,5 +1,14 @@ $rowHeight: 37px; +.input-group-text { + border-radius: 10px; + padding: 0 15px; +} + +.form-control { + border-radius: 10px; +} + .filter-container { height: $rowHeight; }