Minor misc fixes

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;
+}

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) }}

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>