update filter width and dataset page

Author: LvanWissen

package.json

@@ -44,4 +44,4 @@
 		"svelte-multiselect": "^11.0.0-rc.1",
 		"svelte-range-slider-pips": "^3.2.2"
 	}
-}
+}

src/lib/components/Map.svelte

@@ -223,7 +223,7 @@
 	</div>
 
 	<!-- TypeFilter-->
-	<div class="absolute top-0 right-0 z-10 mr-4">
+	<div class="absolute top-0 right-0 z-10 mr-4 w-48 md:w-64 lg:w-80 xl:w-96">
 		<TypeFilter bind:selectedVenueTypes />
 	</div>
 

src/lib/components/TypeFilter.svelte

@@ -19,7 +19,7 @@
 	});
 </script>
 
-<div class="card bg-base-100 z-100 m-1 w-full shadow sm:m-2 md:max-w-sm">
+<div class="card bg-base-100 z-100 m-1 w-full max-w-sm shadow sm:m-2">
 	<div class="card-body p-2 sm:p-4 md:p-6">
 		<h2 class="card-title text-xs sm:text-sm md:text-lg">Filter</h2>
 		<p class="text-xs sm:text-sm md:text-base">Filter by venue type</p>

src/routes/datasets/+page.svelte

@@ -35,7 +35,7 @@
 								<p class="text-base-content/80 text-sm">{dataset.description}</p>
 
 								{#if dataset.citation}
-									<div class="text-base-content/70 mt-2 text-xs">
+									<div class=" mt-3 w-full self-start text-xs">
 										<p class="font-semibold">Citation:</p>
 										<div class="flex items-center gap-1">
 											<p class="flex-grow italic">{dataset.citation}</p>
@@ -57,27 +57,39 @@
 									</div>
 								{/if}
 
-								<div class="card-actions mt-4 justify-end">
-									{#if dataset.url}
+								<div class="card-actions mt-4 flex items-end justify-between">
+									<div class="text-base-content/60 text-xs">
+										{#if dataset.dateModified}
+											Last modified: {new Date(dataset.dateModified).toLocaleDateString('en-US', {
+												year: 'numeric',
+												month: 'short',
+												day: 'numeric'
+											})}
+										{/if}
+									</div>
+
+									<div class="flex gap-2">
 										<a
-											href={dataset.url}
+											href={dataset['@id']}
 											target="_blank"
 											rel="noopener noreferrer"
 											class="btn btn-sm btn-outline"
 										>
-											Website
-											<ExternalLink class="h-4 w-4" />
+											JSON-LD Data
+											<Download class="h-4 w-4" />
 										</a>
-									{/if}
-									<a
-										href={dataset['@id']}
-										target="_blank"
-										rel="noopener noreferrer"
-										class="btn btn-sm btn-primary"
-									>
-										JSON Data
-										<Download class="h-4 w-4" />
-									</a>
+										{#if dataset.url}
+											<a
+												href={dataset.url}
+												target="_blank"
+												rel="noopener noreferrer"
+												class="btn btn-sm btn-primary"
+											>
+												Website
+												<ExternalLink class="h-4 w-4" />
+											</a>
+										{/if}
+									</div>
 								</div>
 							</div>
 						</div>

src/routes/datasets/+page.ts

@@ -16,6 +16,7 @@ type DataCatalog = {
 			encodingFormat: string;
 			contentUrl: string;
 		};
+		dateModified: string;
 	}>;
 };
 

static/datasets/index.json

@@ -13,7 +13,8 @@
 				"@type": "DataDownload",
 				"encodingFormat": "application/ld+json",
 				"contentUrl": "cinema-context.json"
-			}
+			},
+			"dateModified": "2025-03-20"
 		}
 	]
 }