Amélioration mise en page

src/agenda_culturel/static/style.scss

@@ -1434,6 +1434,17 @@ img.preview {
     }
 }
 
+.header-complement {
+    float: none;
+}
+
+@media only screen and (min-width: 992px) {
+    .header-complement {
+        float: left;
+        clear: both;
+    }
+}
+
 form.messages div, form.moderation-events {
     @media only screen and (min-width: 992px) {
         display: grid;

src/agenda_culturel/templates/agenda_culturel/single-event/event-elegant-inc.html

@@ -6,7 +6,11 @@
 
 <article id="event-{{ event.pk}}" class="single-event {% if not event.image and not event.local_image %}no-image{% endif %}">
     <header class="head">
-        {% if day != 0 %}
+        {% if day == 0 %}
+        <div class="small-ephemeride">
+            {% include "agenda_culturel/ephemeris-inc.html" with event=event filter=filter %}
+        </div>
+        {% else %}
             {% if event|can_show_start_time:day %}
                 {% if event.start_time %}
                 <article class='ephemeris-hour'>
@@ -22,7 +26,7 @@
                 {% endif %}
             {% endif %}
         {% endif %}
-
+    <div class="header-complement">
     {{ event.category | small_cat_recurrent:event.has_recurrences }}
     
         {% if event.location or event.exact_location %}<hgroup>{% endif %}
@@ -50,11 +54,7 @@
         </hgroup>
     {% endif %}
 
-    {% if day == 0 %}
-    <div class="small-ephemeride">
-        {% include "agenda_culturel/ephemeris-inc.html" with event=event filter=filter %}
-    </div>
-    {% endif %}
+
 
     {% if event|need_complete_display:True %}<p>
             {% picto_from_name "calendar" %}
@@ -86,12 +86,13 @@
             </p>
             {% endif %}
         </div>
+    </div>
+
         <div class="buttons" style="clear: both">
             {% if perms.agenda_culturel.change_event %}
             {% include "agenda_culturel/edit-buttons-inc.html" with event=event %}
             {% endif %}
         </div>
-
     </header>
 
     <div class="description">