feat(ME): Add styling for the table and fix tests

geonetwork · Oct 26, 2023 · c474e59 · c474e59
1 parent 6b373dc
commit c474e59
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 14 deletions.
diff --git a/libs/ui/inputs/src/lib/checkbox/checkbox.component.spec.ts b/libs/ui/inputs/src/lib/checkbox/checkbox.component.spec.ts
@@ -26,7 +26,8 @@ describe('CheckboxComponent', () => {
       component.checked = false
     })
     it('should invert checked state when being clicked', () => {
-      component.handleClick()
+      const event = new Event('click')
+      component.handleClick(event)
 
       expect(component.checked).toBe(true)
     })
@@ -37,7 +38,8 @@ describe('CheckboxComponent', () => {
       component.checked = true
     })
     it('should invert checked state when being clicked', () => {
-      component.handleClick()
+      const event = new Event('click')
+      component.handleClick(event)
 
       expect(component.checked).toBe(false)
     })

diff --git a/libs/ui/search/src/lib/record-table/record-table.component.html b/libs/ui/search/src/lib/record-table/record-table.component.html
@@ -15,15 +15,13 @@
       class="grid grid-cols-[repeat(6,minmax(0,max-content))] gap-x-4 gap-y-1"
     >
       <div class="contents text-sm">
-        <div class="record-table-header contents flex justify-center">
-          <div class="flex justify-center">
-            <gn-ui-checkbox
-              [checked]="isAllSelected()"
-              [indeterminate]="isSomeSelected()"
-              (changed)="selectAll()"
-            >
-            </gn-ui-checkbox>
-          </div>
+        <div class="flex justify-center items-center">
+          <gn-ui-checkbox
+            [checked]="isAllSelected()"
+            [indeterminate]="isSomeSelected()"
+            (changed)="selectAll()"
+          >
+          </gn-ui-checkbox>
         </div>
         <div class="record-table-header text-gray-400 flex gap-1">
           <gn-ui-button
@@ -124,7 +122,10 @@
             (changed)="handleRecordSelectedChange($event, record)"
           ></gn-ui-checkbox>
         </div>
-        <div [title]="record.title" class="record-table-col text-16">
+        <div
+          [title]="record.title"
+          class="record-table-col text-16 self-center"
+        >
           {{ record.title }}
         </div>
         <div
@@ -157,10 +158,10 @@
           <mat-icon class="material-symbols-outlined"> person </mat-icon>
           <span class="">{{ formatUserInfo(record.extras?.ownerInfo) }}</span>
         </div>
-        <div class="record-table-col text-16">
+        <div class="record-table-col text-16 self-center">
           {{ dateToString(record.recordUpdated) }}
         </div>
-        <div class="record-table-col text-16">
+        <div class="record-table-col text-16 self-center">
           {{ dateToString(record.recordCreated) }}
         </div>
       </div>