form styling (edit section)

assets/styles/app.css

@@ -134,7 +134,11 @@ article {
     margin-right: auto;
     max-width: 65ch;
 
-    h1 {
+    h1, .btn {
+        text-align: center;
+    }
+
+    a {
         text-align: center;
     }
 }
@@ -161,4 +165,8 @@ article {
 
 h1 a {
     text-decoration: none;
+}
+
+.aBlock {
+    display: block;
 }

src/Form/SectionType.php

@@ -7,13 +7,16 @@
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 use Symfony\Component\Form\CallbackTransformer;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 
 class SectionType extends AbstractType
 {
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('titleJson')
+            ->add('titleJson', TextType::class, [
+                'label_format' => 'Titre'
+            ])
         ;
 
         $builder->get('titleJson')

templates/section/_form.html.twig

@@ -1,4 +1,4 @@
-{{ form_start(form) }}
+{{ form_start(form, {'attr': {'class': 'centerForm'}}) }}
     {{ form_widget(form) }}
     <button class="btn">{{ button_label|default('Ajouter') }}</button>
 {{ form_end(form) }}

templates/section/edit.html.twig

@@ -3,11 +3,12 @@
 {% block title %}Édition de section{% endblock %}
 
 {% block main %}
-    <h1>Édition de la section {{section.titleJson.fr}}</h1>
+    <article>
+        <h1>Édition de la section {{section.titleJson.fr}}</h1>
 
-    {{ include('section/_form.html.twig', {'button_label': 'Modifier'}) }}
+        {{ include('section/_form.html.twig', {'button_label': 'Valider'}) }}
 
-    <a href="{{ path('app_section_index') }}">Retour à la liste</a>
-
-    {{ include('section/_delete_form.html.twig') }}
+        <a class="aBlock" href="{{ path('app_chapter_new')}}">Ajouter chapitre</a>
+        <a href="{{ path('app_section_show', {'id': section.id}) }}">Retour</a>
+    </article>
 {% endblock %}