From 262b61e037ef0c1caec5b19c31bcf18a3ecfc3a6 Mon Sep 17 00:00:00 2001
From: Johan Book <13253042+johanbook@users.noreply.github.com>
Date: Sat, 20 Jul 2024 19:07:35 +0200
Subject: [PATCH] docs(repo): include vapid keys in installation guide (#904)

* docs(repo): include vapid keys in installation guide

* fix(web-ui): minor styling fixes for photos list page

---------

Co-authored-by: Johan Book <{ID}+{username}@users.noreply.github.com>
---
 CONTRIBUTING.md                                               | 4 ++++
 .../pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 32268089..e6696071 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -15,6 +15,10 @@ Create a `.env` file like so and replace the required fields:
 
 ```sh
 cp .env.example .env
+
+# Generate VAPI keys needed for web push notifications
+cd services/api
+./scripts/generate-vapi-keys >> <YOUR-ENV>
 ```
 
 ### Development
diff --git a/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx b/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
index 58b11907..eb5720b4 100644
--- a/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
+++ b/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
@@ -33,7 +33,7 @@ function Group({ data }: GroupProps): ReactElement {
     <>
       {Object.entries(groupedData).map(([date, entries]) => (
         <Fragment key={date}>
-          <Typography sx={{ px: 1, pt: 2, pb: 1 }} variant="body1">
+          <Typography sx={{ px: 1, pt: 3, pb: 1 }} variant="body1">
             <b>{date}</b>
           </Typography>