saved filter: fix styles

Author: lyubov-voloshko

frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.css

@@ -24,7 +24,7 @@
 
 .dynamic-column-radio {
     grid-column: 5;
-    margin-top: 14px;
+    margin-top: 8px;
 }
 
 .filter-save-form {
@@ -47,7 +47,7 @@
 }
 
 .full-width {
-    width: 100%;
+    grid-column: 1 / -1;
 }
 
 .default-filter-checkbox {
@@ -75,7 +75,7 @@
 }
 
 .column-name {
-    margin-top: 18px;
+    margin-top: 12px;
 }
 
 .filter-delete-button {

frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.html

@@ -153,11 +153,6 @@ <h3 class="section-title">Define Filters and Dynamic Column</h3>
                     <mat-icon>close</mat-icon>
                 </button>
             </ng-container>
-
-            <!-- No filters message -->
-            <div *ngIf="tableFiltersCount === 0" class="no-filters-message">
-                No filters added. Please add at least one filter.
-            </div>
         </mat-dialog-content>
     </ng-template>
 

frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.css

@@ -53,7 +53,7 @@
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
-    transform: scale(1.1);
+    transform: translateX(5%) scale(1.1);
     padding-bottom: 16px;
 }