From 435ea84c979a5d89a9abb5d32b5f98236a9e40e5 Mon Sep 17 00:00:00 2001
From: Paul Robert Lloyd <me+git@paulrobertlloyd.com>
Date: Fri, 12 Jan 2024 19:07:40 +0000
Subject: [PATCH] feat(frontend): split offset and group fieldset modifiers

---
 packages/endpoint-posts/views/post-form.njk      | 2 +-
 packages/frontend/components/fieldset/styles.css | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/endpoint-posts/views/post-form.njk b/packages/endpoint-posts/views/post-form.njk
index b0551f9c6..65f00994a 100644
--- a/packages/endpoint-posts/views/post-form.njk
+++ b/packages/endpoint-posts/views/post-form.njk
@@ -32,7 +32,7 @@
 
 {% macro photoFieldset(index) %}
 {% call fieldset({
-  classes: "fieldset--group"
+  classes: "fieldset--group fieldset--offset"
 }) %}
   {{ input({
     name: "photo[" + index + "][url]",
diff --git a/packages/frontend/components/fieldset/styles.css b/packages/frontend/components/fieldset/styles.css
index 7fdf976f2..c018a5881 100644
--- a/packages/frontend/components/fieldset/styles.css
+++ b/packages/frontend/components/fieldset/styles.css
@@ -12,11 +12,18 @@
 }
 
 .fieldset--group {
-  --fieldset-flow-space: var(--space-m);
   --label-font: var(--font-fieldset-label);
+
+  & .field {
+    margin-block-start: var(--space-m);
+  }
+}
+
+.fieldset--offset {
   background-color: var(--color-offset);
   border-radius: var(--border-radius-small);
   color: var(--color-on-offset);
+  margin-block: calc(var(--space-xs) * -1);
   padding: var(--space-m);
 
   & .fieldset__legend {