diff --git a/.env.example b/.env.example
index 50e99cd..1886d22 100644
--- a/.env.example
+++ b/.env.example
@@ -17,4 +17,4 @@ GOOGLE_REDIRECT_URI=
# Web Push / VAPID (Task 10)
VAPID_PUBLIC_KEY=
VAPID_PRIVATE_KEY=
-VAPID_SUBJECT=mailto:owner@theodo.com
+VAPID_SUBJECT=mailto:example@theodo.com
diff --git a/app/components/BoardView.vue b/app/components/BoardView.vue
index 9b074ac..6c29833 100644
--- a/app/components/BoardView.vue
+++ b/app/components/BoardView.vue
@@ -1,12 +1,12 @@
@@ -60,7 +60,8 @@ const hoveredId = ref(null)
grid-template-columns: max-content max-content;
justify-content: center;
gap: 0.75rem;
- font-family: 'Cutive Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+ font-family:
+ "Cutive Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
/* Base = A4 long side; A3/A2 derive from it by √2 so ratios stay exact.
Tune this single value to resize the whole board. */
--sheet-base: 220px;
@@ -76,11 +77,13 @@ const hoveredId = ref(null)
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
+ text-align: center;
}
.block__columns {
display: flex;
align-items: flex-start;
+ justify-content: center;
gap: 0.5rem;
}
@@ -107,9 +110,15 @@ const hoveredId = ref(null)
/* Each step up the A-series scales linear dimensions by √2 (A3 = A4·√2,
A2 = A4·2), so the boxes keep the true relative paper sizes. */
-.section--a4 { width: var(--sheet-base); }
-.section--a3 { width: calc(var(--sheet-base) * 1.41421356); }
-.section--a2 { width: calc(var(--sheet-base) * 2); }
+.section--a4 {
+ width: var(--sheet-base);
+}
+.section--a3 {
+ width: calc(var(--sheet-base) * 1.41421356);
+}
+.section--a2 {
+ width: calc(var(--sheet-base) * 2);
+}
.section.is-hovered {
outline: 2px solid currentColor;