From 0083696343086f8d64f792511c089e9aeb13fd26 Mon Sep 17 00:00:00 2001
From: Hornwitser <code@hornwitser.no>
Date: Sat, 20 Sep 2025 20:43:11 +0200
Subject: [PATCH] Fix unscoped CSS leaking out

The missing scoped attribute cause h2 headers to no longer have the
expected top margin.  Fix by adding the intended scope attribute.
---
 components/DiffSchedule.vue | 2 +-
 pages/admin/users/[id].vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/DiffSchedule.vue b/components/DiffSchedule.vue
index 3175d5a..5bc2541 100644
--- a/components/DiffSchedule.vue
+++ b/components/DiffSchedule.vue
@@ -61,7 +61,7 @@ const shifts = computed(() => {
 });
 </script>
 
-<style>
+<style scoped>
 h2 {
 	margin-block-start: 0.2rem;
 }
diff --git a/pages/admin/users/[id].vue b/pages/admin/users/[id].vue
index 0579b44..bf2355c 100644
--- a/pages/admin/users/[id].vue
+++ b/pages/admin/users/[id].vue
@@ -84,7 +84,7 @@ const { pending, data, error } = await useFetch(() => `/api/users/${id.value}/de
 const userDetails = data as Ref<ApiUserDetails | ApiTombstone>;
 </script>
 
-<style>
+<style scoped>
 dl {
 	display: grid;
 	grid-template-columns: auto 1fr;