fix: style

libs/ui/elements/src/lib/sort/sort.component.html

@@ -3,4 +3,4 @@
     <mat-icon *ngIf="!asc"> expand_more</mat-icon>
     <mat-icon *ngIf="asc"> expand_less</mat-icon>
   </gn-ui-button>
-</div>
+</div>

libs/ui/search/src/lib/record-table/record-table.component.html

@@ -1,66 +1,40 @@
 <div class="grid grid-cols-[repeat(5,minmax(0,max-content))] gap-x-4 gap-y-1">
   <div class="contents text-sm">
-    <div
-      translate=""
-      class="record-table-header flex gap-1"
-      (click)="activeSortElement = 'title'"
-    >
+    <div translate="" class="record-table-header flex gap-1" (click)="activeSortElement = 'title'">
       record.metadata.title
-      <gn-ui-sort
-        *ngIf="activeSortElement === 'title'"
-        [records]="records"
-        activeCol="title"
-      ></gn-ui-sort>
+      <gn-ui-sort *ngIf="activeSortElement === 'title'" [records]="records" activeCol="title"></gn-ui-sort>
     </div>
-    <div translate="" class="record-table-header">record.metadata.status</div>
-    <div
-      translate=""
-      class="record-table-header flex gap-1"
-      (click)="activeSortElement = 'admin'"
-    >
+    <div translate="" class="record-table-header flex gap-1">record.metadata.status</div>
+    <div translate="" class="record-table-header flex gap-1" (click)="activeSortElement = 'admin'">
       record.metadata.administrator
-      <gn-ui-sort
-        *ngIf="activeSortElement === 'admin'"
-        [records]="records"
-        activeCol="extras.ownerInfo"
-      ></gn-ui-sort>
+      <gn-ui-sort *ngIf="activeSortElement === 'admin'" [records]="records" activeCol="extras.ownerInfo"></gn-ui-sort>
     </div>
-    <div
-      translate=""
-      class="record-table-header flex gap-1"
-      (click)="activeSortElement = 'recordUpdated'"
-    >
+    <div translate="" class="record-table-header flex gap-1" (click)="activeSortElement = 'recordUpdated'">
       record.metadata.updatedOn
-      <gn-ui-sort
-        *ngIf="activeSortElement === 'recordUpdated'"
-        [records]="records"
-        activeCol="recordUpdated"
-      ></gn-ui-sort>
+      <gn-ui-sort *ngIf="activeSortElement === 'recordUpdated'" [records]="records"
+        activeCol="recordUpdated"></gn-ui-sort>
     </div>
-    <div translate="" class="record-table-header">
+    <div translate="" class="record-table-header flex gap-1">
       record.metadata.createdOn
     </div>
   </div>
-  <div
-    class="contents hover:text-gray-800 cursor-pointer"
-    (click)="recordSelect.emit(record)"
-    *ngFor="let record of records"
-  >
+  <div class="contents hover:text-gray-800 cursor-pointer" (click)="recordSelect.emit(record)"
+    *ngFor="let record of records">
     <div class="record-table-col">
       {{ record.title }}
     </div>
     <div class="record-table-col">
       <span class="badge-btn btn-active text-sm">{{
         getStatus(record.extras?.isPublishedToAll)
-      }}</span>
+        }}</span>
     </div>
     <div class="record-table-col flex items-center gap-2">
       <mat-icon class="material-icons-outlined"> person </mat-icon>
       <span class="text-gray-800">{{
         formatUserInfo(record.extras?.ownerInfo)
-      }}</span>
+        }}</span>
     </div>
     <div class="record-table-col">{{ dateToString(record.recordUpdated) }}</div>
     <div class="record-table-col">{{ dateToString(record.recordCreated) }}</div>
   </div>
-</div>
+</div>