Ajustement de l'affichage des dates des événements en mobile (#471)

assets/sass/_theme/sections/events.sass

@@ -228,7 +228,7 @@
             position: relative
             gap: var(--grid-gutter)
             + .event 
-                margin-top: var(--grid-gutter)
+                margin-top: $spacing-5
             &-content
                 display: flex
                 flex-direction: column
@@ -239,12 +239,14 @@
                 a 
                     @include stretched-link
             &-dates 
-                @include meta
+                @include h4
                 margin-top: $spacing-2
             &-content
                 flex: 1
-                .event-title
-                    @include h3
+                .event-title,
+                .event-subtitle, 
+                hgroup
+                    @include h2
                 .more
                     @include icon("arrow-right", after)
                     margin-top: $spacing-3
@@ -257,15 +259,12 @@
                     object-fit: cover
                     width: 100%
             @include media-breakpoint-up(desktop)
+                + .event 
+                    margin-top: var(--grid-gutter)
                 .media
                     width: columns(4)
                 .event-dates
-                    @include h3
                     margin-bottom: $spacing-4
-                .event-title,
-                .event-subtitle, 
-                hgroup
-                    @include h2
             @include media-breakpoint-down(desktop)
                 flex-direction: column
                 .media

layouts/partials/events/event.html

@@ -26,9 +26,15 @@
         </hgroup>
       {{ end }}
 
-      {{ if (or .Params.dates.computed.two_lines.short .Params.dates.from.hour .Params.dates.to.hour) }}
+      {{ if (or .Params.dates.computed.short .Params.dates.computed.two_lines.short .Params.dates.from.hour .Params.dates.to.hour) }}
         <div class="event-dates" itemprop="startDate" content="{{- if .Params.dates.from.day -}}{{ .Params.dates.from.day }}{{- end -}}{{- if .Params.dates.from.hour -}}T{{ .Params.dates.from.hour }}{{- end -}}">
-          <span>{{ partial "PrepareHTML" .Params.dates.computed.two_lines.short }}</span>
+          <span>
+            {{ $date_format := .Params.dates.computed.two_lines.short }}
+            {{ if ne $layout "list" }}
+              {{ $date_format = .Params.dates.computed.short }}
+            {{ end }}
+            {{ partial "PrepareHTML" $date_format }}
+          </span>
           {{- if (or .Params.dates.from.hour .Params.dates.to.hour) }}
             <div class="event-time">
               {{- if .Params.dates.from.hour }}