From 7435b17e8f52f35cc8910ab369917ff732d11109 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nu=C5=A1a=20Puk=C5=A1i=C4=8D?= <nusa.puksic@gmail.com>
Date: Sat, 20 Sep 2025 16:57:39 +0200
Subject: [PATCH] Minor misc fixes

---
 assets/styles/form.css                      |  5 +++++
 templates/magazine/magazine_setup.html.twig | 12 +++++++-----
 templates/static/unfold.html.twig           | 11 +++++++++++
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/assets/styles/form.css b/assets/styles/form.css
index 1527c20..163b3fc 100644
--- a/assets/styles/form.css
+++ b/assets/styles/form.css
@@ -19,6 +19,7 @@ label {
 input, textarea, select {
     display: block;
     clear: both;
+    width: 100%;
 }
 
 input, textarea, select, .quill {
@@ -87,3 +88,7 @@ fieldset {
 .actions {
     margin-bottom: 1.5em;
 }
+
+form ul.list-unstyled li > div > label {
+    display: none;
+}
diff --git a/templates/magazine/magazine_setup.html.twig b/templates/magazine/magazine_setup.html.twig
index b4e21be..81649b7 100644
--- a/templates/magazine/magazine_setup.html.twig
+++ b/templates/magazine/magazine_setup.html.twig
@@ -15,16 +15,18 @@
     {{ stimulus_controller('form-collection') }}
     data-form-collection-index-value="{{ form.categories|length > 0 ? form.categories|last.vars.name + 1 : 0 }}"
     data-form-collection-prototype-value="{{ form_widget(form.categories.vars.prototype)|e('html_attr') }}">
-    <ul {{ stimulus_target('form-collection', 'collectionContainer') }}>
+    <ul class="list-unstyled" {{ stimulus_target('form-collection', 'collectionContainer') }}>
       {% for cat in form.categories %}
-        <li>{{ form_row(cat) }}</li>
+        <li class="mb-3">{{ form_row(cat) }}</li>
       {% endfor %}
     </ul>
-    <button type="button" class="btn btn-secondary" {{ stimulus_action('form-collection', 'addCollectionElement') }}>Add category</button>
+      <div class="actions mt-3">
+          <button type="button" class="btn btn-secondary" {{ stimulus_action('form-collection', 'addCollectionElement') }}>Add category</button>
+      </div>
   </div>
 
-  <div class="mt-3 d-flex flex-row gap-2">
-    <a class="btn btn-outline-secondary" href="{{ path('mag_wizard_cancel') }}">Cancel</a>
+  <div class="mt-3 d-flex flex-row gap-2 actions">
+    <a class="btn btn-secondary" href="{{ path('mag_wizard_cancel') }}">Cancel</a>
     <button class="btn btn-primary">Next: Attach articles</button>
   </div>
   {{ form_end(form) }}
diff --git a/templates/static/unfold.html.twig b/templates/static/unfold.html.twig
index cadf303..e862bd2 100644
--- a/templates/static/unfold.html.twig
+++ b/templates/static/unfold.html.twig
@@ -20,6 +20,17 @@
         </div>
     </section>
 
+    <section class="d-flex gap-3 center ln-section--editor">
+        <div class="container mt-5">
+            <h2>The magic</h2>
+        </div>
+        <div class="mb-5">
+            <p class="measure">Whenever you update the events that define your magazine, by adding or removing categories and articles,
+                everything updates automagically.</p>
+            <p>No need to redeploy, to refresh, or clear any caches.</p>
+        </div>
+    </section>
+
     <section class="d-flex gap-3 center ln-section--newsroom">
         <div class="container mt-5">
             <h2>Unfold Lite</h2>