correctifs de rendu sur les modales d'inscription

assets/styles/app.css

@@ -14,6 +14,12 @@
   }
   .modal-close {
     --bulma-delete-color: black !important;
+    margin-top: 1em !important;
+    margin-right: 0.2em !important;
+  }
+  
+  html[data-theme="dark"] .modal-close {
+	--bulma-delete-color: white !important;	
   }
 }
 
@@ -25,6 +31,7 @@ html[data-theme="dark"] .navbar-item svg {
   color: white; /* couleur en mode sombre */
 }
 
+
 .main-content {
     margin-top: 3.25rem;
     padding: 0.5rem;

templates/participation/_modal.add.html.twig

@@ -18,19 +18,11 @@
 {% block content %}
   <div class="content">
 
-  		<div class="cell message">
-  			<div class="message-header">
-  				<p>Horaires et espace</p>
-  			</div>
-  			<div class="message-body">
-  				<p>le {{ party.getStartOn|date('d/m/Y \\d\\e H:i', app_timezone)}} à {{ party.getEndOn|date('H:i', app_timezone)}} • {{ party.getSlots.first.getSpace.getName }}</p>
-  			</div>
+  		<div class="block">
+			<p class="has-text-centered">{{ party.getStartOn|date('d/m/Y \\d\\e H:i', app_timezone)}} à {{ party.getEndOn|date('H:i', app_timezone)}} • {{ party.getSlots.first.getSpace.getName }}</p>
   		</div>
 
-
-  		
-
-</div>
+	</div>
 
  <div class="tabs is-boxed" {{ stimulus_controller('bulma_tabs') }}>
    <ul>
@@ -47,14 +39,16 @@
     		<p>{{ party.getGame.getDescription }}</p>
       	</div>
 		<div class="block">
-			<div class="cell message">
+			<div class="message is-info">
 				<div class="message-header">
 					<p>À propos du jeu</p>
 				</div>
 				<div class="message-body">
-                    {% if party.gamemasterIsAuthor %}<p>Partie animée par son auteur(rice)</p>{% endif %}
-					<p><strong>Âge recommandé : </strong>{{ party.getGame.getAgeRecommendationLabel }}</p>
-					<p><strong>Genres : </strong>{{ party.getGame.getGenre|map(g => g.genre)|join(', ') }}
+				<ul>
+                    {% if party.gamemasterIsAuthor %}<li class="has-text-danger"><strong>Partie animée par son auteur(rice)</strong></li>{% endif %}
+					<li><strong>Âge recommandé : </strong>{{ party.getGame.getAgeRecommendationLabel }}</li>
+					<li><strong>Genres : </strong>{{ party.getGame.getGenre|map(g => g.genre)|join(', ') }}</li>
+				</ul>
 	  			</div>
   			</div>
   		</div>