src/app/logging/logging.component.html

@@ -71,7 +71,8 @@
           >
             {{ "activityLogDetails" | translate }}
 
-            <div class="d-flex gap-2" *ngIf="allItems.length">
+            <div class="d-flex gap-2 align-items-center" *ngIf="allItems.length">
+              <div class="search-box">
               <input
                 type="text"
                 class="form-control form-control-sm"
@@ -79,19 +80,20 @@
                 [(ngModel)]="searchText"
                 (ngModelChange)="applySearch()"
               />
+              <i class="fas fa-search search-icon"></i>
+              </div>
+
+              <div class="d-flex align-items-center gap-2">
+                <i (click)="exportDataInExcel()" id="downloadReport" class="fa fa-download"></i>
+              </div>
               
-              <i
+              <i class="materialdesignicons" (click)="toggleTableCard()">
-                class="fa fa-download cursor-pointer"
+                <ng-container *ngIf="logsDataExpanded; else down">
-                (click)="exportDataInExcel()"
+                <i class="dripicons-chevron-up float-end"></i>
-              ></i>
+              </ng-container>
                 
-              <i class="cursor-pointer" (click)="toggleTableCard()">
-                <i
-                  *ngIf="logsDataExpanded; else down"
-                  class="dripicons-chevron-up"
-                ></i>
                 <ng-template #down>
-                  <i class="dripicons-chevron-down"></i>
+                  <i class="dripicons-chevron-down float-end"></i>
                 </ng-template>
               </i>
             </div>