From 163cc75437ca669a91763b14714acde01e717f1c Mon Sep 17 00:00:00 2001
From: wout <wout.atmire@gmail.com>
Date: Mon, 5 May 2025 15:59:11 +0200
Subject: [PATCH] 130479: using ul > li in recent-item + "Load more ..." to
 "<a>" element

---
 .../recent-item-list.component.html                | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/home-page/recent-item-list/recent-item-list.component.html b/src/app/home-page/recent-item-list/recent-item-list.component.html
index cd14891b3f..56b6b8d3bb 100644
--- a/src/app/home-page/recent-item-list/recent-item-list.component.html
+++ b/src/app/home-page/recent-item-list/recent-item-list.component.html
@@ -2,11 +2,15 @@
         <div class="mt-4" [ngClass]="placeholderFontClass" *ngIf="itemRD?.hasSucceeded && itemRD?.payload?.page.length > 0" @fadeIn>
                 <div class="d-flex flex-row border-bottom mb-4 pb-4 ng-tns-c416-2"></div>
                 <h2> {{'home.recent-submissions.head' | translate}}</h2>
-                <div class="my-4" *ngFor="let item of itemRD?.payload?.page">
-                        <ds-listable-object-component-loader [object]="item" [viewMode]="viewMode" class="pb-4">
-                        </ds-listable-object-component-loader>
-                </div>
-                <button (click)="onLoadMore()" class="btn btn-primary search-button mt-4 float-left ng-tns-c290-40"> {{'vocabulary-treeview.load-more' | translate }} ...</button>
+                <ul class="list-unstyled m-0 p-0">
+                  <li class="my-4" *ngFor="let item of itemRD?.payload?.page">
+                    <ds-listable-object-component-loader [object]="item" [viewMode]="viewMode" class="pb-4">
+                    </ds-listable-object-component-loader>
+                  </li>
+                </ul>
+                <button (click)="onLoadMore()" class="btn btn-primary search-button mt-4 float-left" role="link">
+                  {{'vocabulary-treeview.load-more' | translate }} ...
+                </button>
         </div>
         <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.recent-submissions' | translate}}"></ds-error>
         <ds-loading *ngIf="!itemRD || itemRD.isLoading" message="{{'loading.recent-submissions' | translate}}">