From 11ed37b1bcdfb5dcb982c1ac99b13c66c761a6e7 Mon Sep 17 00:00:00 2001
From: Louis Chemineau <louis@chmn.me>
Date: Wed, 6 Mar 2024 22:47:14 +0100
Subject: [PATCH] Fix semantic of html for source directory

Signed-off-by: Louis Chemineau <louis@chmn.me>
---
 .../Settings/PhotosSourceLocationsSettings.vue         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Settings/PhotosSourceLocationsSettings.vue b/src/components/Settings/PhotosSourceLocationsSettings.vue
index 418c518bf..5d09ec8c2 100644
--- a/src/components/Settings/PhotosSourceLocationsSettings.vue
+++ b/src/components/Settings/PhotosSourceLocationsSettings.vue
@@ -21,8 +21,8 @@
  -->
 
 <template>
-	<div class="photos-locations">
-		<ul>
+	<div class="photos-locations-container">
+		<div class="photos-locations">
 			<PhotosFolder :path="photosSourceFolder" :root-folder-label="t('photos', 'All folders')" :root-folder-icon="FolderMultiple" />
 			<!-- TODO: uncomment when SEARCH on multiple folders is implemented. -->
 			<!-- <li v-for="(source, index) in photosSourceFolder"
@@ -32,7 +32,7 @@
 					:root-folder-label="t('photos', 'All folders')"
 					@remove-folder="removeSourceFolder(index)" />
 			</li> -->
-		</ul>
+		</div>
 
 		<NcButton :aria-label="t('photos', 'Choose a source Photos for the timelines')"
 			@click="debounceAddSourceFolder">
@@ -116,12 +116,12 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.photos-locations {
+.photos-locations-container {
 	display: flex;
 	flex-direction: column;
 	width: fit-content;
 
-	ul {
+	.photos-locations {
 		margin-bottom: 16px;
 	}
 }