Merge pull request #40198 from nextcloud/fix/40015-The_apps_view_represents_a_list_of_elements_and_should_be_implemented_as_such

apps/settings/src/components/AppList.vue

@@ -103,13 +103,13 @@
 						:category="category" />
 				</template>
 			</table>
-			<template v-if="useAppStoreView">
+			<ul v-if="useAppStoreView" class="apps-store-view">
 				<AppItem v-for="app in apps"
 					:key="app.id"
 					:app="app"
 					:category="category"
 					:list-view="false" />
-			</template>
+			</ul>
 		</div>
 
 		<div id="apps-list-search" class="apps-list installed">
@@ -295,4 +295,8 @@ export default {
 		line-height: 30px;
 		color: var(--color-text-light);
 	}
+	.apps-store-view {
+		display: flex;
+		flex-wrap: wrap;
+	}
 </style>

apps/settings/src/components/AppList/AppItem.vue

@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<component :is="listView ? `tr` : `div`"
+	<component :is="listView ? `tr` : `li`"
 		class="section"
 		:class="{ selected: isSelected }"
 		@click="showAppDetails">