fix alignment

shared/templates/styleguide2/form_page.html

@@ -16,7 +16,19 @@
     {% endfor %}
 
     <form
-      class="flex flex-col gap-8"
+      class="
+        flex flex-col gap-8
+
+        {% if not page.root_page.content_is_full_width %}
+          max-w-[100ch]
+        {% else %}
+          max-w-[100%]
+        {% endif %}
+
+        {% if page.root_page.content_is_centered %}
+          mx-auto
+        {% endif %}
+      "
       action="{% pageurl page %}"
       method="post"
     >

shared/templates/styleguide2/includes/atoms/text/heading.html

-<{{ self.tag }}
+<div
   class="
-    {{ responsive_style }}
+   {% if not page.root_page.content_is_full_width %}
+      max-w-[100ch]
+    {% else %}
+      max-w-[100%]
+    {% endif %}
 
-    {% if self.align == "center" %}
-      text-center
+    {% if page.root_page.content_is_centered %}
+      mx-auto
     {% endif %}
   "
 >
-  {{ self.headline }}
-</{{ self.tag }}>
+  <{{ self.tag }}
+    class="
+      {{ responsive_style }}
+
+      {% if self.align == "center" %}
+        text-center
+      {% endif %}
+    "
+  >
+    {{ self.headline }}
+  </{{ self.tag }}>
+</div>