form styling (edit page)

assets/styles/app.css

@@ -29,17 +29,17 @@ details {
     border-width: 1px;
 }
 
-.loginPost, .registerPost, .requestPost {
+.centerForm {
     text-align: center;
 
     div {
         margin-bottom: 1rem;
     }
-}
 
-.textLabel, .requestPost label, .registerPost label:not([for="registration_form_agreeTerms"]) {
-    display: block;
-    font-size: 15px;
+    label:not([for="registration_form_agreeTerms"], [for="_remember_me"]) {
+        display: block;
+        font-size: smaller;
+    }
 }
 
 .navbar {

src/Form/PageType.php

@@ -5,6 +5,8 @@
 use App\Entity\Category;
 use App\Entity\Page;
 use Symfony\Bridge\Doctrine\Form\Type\EntityType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\Extension\Core\Type\TextareaType;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
@@ -15,11 +17,18 @@ class PageType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('titleJson')
-            ->add('contentJson')
             ->add('category', EntityType::class, [
                 'class' => Category::class,
                 'choice_label' => 'titleJson[fr]',
+                'label_format' => 'Catégorie'
+            ])
+            ->add('titleJson', TextType::class, [
+                'label_format' => 'Titre'
+            ])
+            ->add('contentJson', TextareaType::class, [
+                'attr' =>
+                    ['rows' => 10, 'cols' => 60],
+                'label_format' => 'Contenu'
             ])
         ;
 

templates/page/_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('Save') }}</button>
 {{ form_end(form) }}

templates/page/edit.html.twig

@@ -1,13 +1,14 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Édition de page{% endblock %}
+{% block title %}Modification de page{% endblock %}
 
 {% block main %}
-    <h1>Édition de la page {{page.titleJson.fr}}</h1>
+    <article>
+        <h1>Modification de la page {{page.titleJson.fr}}</h1>
 
-    {{ include('page/_form.html.twig', {'button_label': 'Modifier'}) }}
+        {{ include('page/_form.html.twig', {'button_label': 'Valider'}) }}
 
-    <a href="{{ path('app_page_index') }}">Retour à la liste</a>
+        <a href="{{ path('app_page_index') }}">Retour</a>
 
-    {{ include('page/_delete_form.html.twig') }}
+    </article>
 {% endblock %}

templates/reset_password/request.html.twig

@@ -6,7 +6,7 @@
     {% for flash_error in app.flashes('reset_password_error') %}
         <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
     {% endfor %}
-    <div class="requestPost">
+    <div class="requestPost centerForm">
         <h1>Réinitialiser le mot de passe</h1>
 
         {{ form_start(requestForm) }}

templates/security/login.html.twig

@@ -3,7 +3,7 @@
 {% block title %}Se connecter!{% endblock %}
 
 {% block main %}
-    <div class = "loginPost">
+    <div class = "loginPost centerForm">
         <form method="post">
             {% if error %}
                 <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>

templates/security/register.html.twig

@@ -6,7 +6,7 @@
     {% for flash_error in app.flashes('verify_email_error') %}
         <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
     {% endfor %}
-    <div class='registerPost'>
+    <div class='registerPost centerForm'>
         <h1>Inscription</h1>
 
         {{ form_errors(registrationForm) }}