added changes for mobile

assets/sass/_theme/sections/events.sass

@@ -96,6 +96,9 @@
             order: 1
         &-content
             order: 2
+        &-time
+            span + span
+                @include icon(arrow-right, before)
         .media
             order: 0
         @include media-breakpoint-up(desktop)
@@ -116,10 +119,19 @@
                     order: 1
                     grid-column: 1 / 10
                     margin-top: half($spacing0)
+                &-time
+                    display: inline
             .media
                 order: 2
         @include media-breakpoint-up(md)
             .media
                 grid-column: 11 / 13
-        
+        @include media-breakpoint-down(md)
+            .media
+                order: 0
+            &-content
+                order: 1
+            &-dates
+                order: 3
+            
     
\ No newline at end of file

layouts/partials/blocks/templates/agenda.html

@@ -44,8 +44,16 @@
                 {{- end -}}
               </div>
             
-              <div class="event-dates">
+              <div class="event-dates" itemprop="startDate" content="{{- if .dates.from.day -}}{{ .dates.from.day }}{{- end -}} {{- if .dates.from.hour -}}{{ .dates.from.hour }}{{- end -}}">
                 {{ .dates.computed.short }}
+                <div class="event-time">
+                  {{ if .dates.from.hour }}
+                    <span>{{ .dates.from.hour }}</span>
+                  {{ end }}
+                  {{ if .dates.to.hour }}
+                    <span> {{ .dates.to.hour }}</span>
+                  {{ end }}
+                </div>
               </div>
             
               <div class="media">

layouts/partials/events/event.html

@@ -38,8 +38,16 @@
     {{- end -}}
   </div>
 
-  <div class="event-dates">
+  <div class="event-dates" itemprop="startDate" content="{{- if .Params.dates.from.day -}}{{ .Params.dates.from.day }}{{- end -}} {{- if .Params.dates.from.hour -}}{{ .Params.dates.from.hour }}{{- end -}}">
     {{ .Params.dates.computed.short }}
+    <div class="event-time">
+      {{ if .Params.dates.from.hour }}
+        <span>{{ .Params.dates.from.hour }}</span>
+      {{ end }}
+      {{ if .Params.dates.to.hour }}
+        <span> {{ .Params.dates.to.hour }}</span>
+      {{ end }}
+    </div>
   </div>
 
   <div class="media">