From d68342d883fe812e327a98960372ae44a4430143 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Mon, 9 Dec 2024 16:44:00 +0200
Subject: [PATCH] UI: Refactoring inline style

---
 .../components/filter/filter-predicate-list.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/filter/filter-predicate-list.component.html b/ui-ngx/src/app/modules/home/components/filter/filter-predicate-list.component.html
index b5d3489c95..439480d5ed 100644
--- a/ui-ngx/src/app/modules/home/components/filter/filter-predicate-list.component.html
+++ b/ui-ngx/src/app/modules/home/components/filter/filter-predicate-list.component.html
@@ -40,13 +40,13 @@
     </div>
     <mat-divider style="padding-bottom: 5px;"></mat-divider>
     <div class="predicate-list">
-      <div class="flex flex-row items-stretch justify-start" style="height: 100%; min-height: 76px; max-height: 96px;"
+      <div class="flex flex-row items-stretch justify-start h-full min-h-[76px] max-h-[96px]"
            formArrayName="predicates"
            *ngFor="let predicateControl of predicatesFormArray.controls; let $index = index">
         <div class="filters-operation flex max-w-8% flex-full flex-row items-stretch justify-center">
           <span *ngIf="$index > 0">{{ complexOperationTranslations.get(operation) | translate }}</span>
         </div>
-        <div class="flex max-w-92% flex-full flex-col" style="min-width: 590px">
+        <div class="flex max-w-92% flex-full flex-col min-w-[590px]">
           <div class="flex flex-1 flex-row items-center justify-start gap-2">
             <tb-filter-predicate
               class="flex-1"