fix: listing same height

static_src/scss/_custom-css.scss

@@ -202,27 +202,23 @@ ul {
 .PC-sessions-session {
     overflow: hidden;
 
-
     /*&-l-1 {
-        background: lime;
+        background-color: lightgreen;
         grid-column: span 2;
     }
 
     &-l-2 {
-        background: orange;
+        background-color: orange;
         grid-column: span 3;
     }
 
-    &-l-3 {
-        background-color: red;
-        grid-column: span 4;
-    }
+    //&-l-3 { // we have no sessions with 3 speakers
+    //    background-color: palevioletred;
+    //    grid-column: span 4;
+    //}
 
     &-l-4 {
-        background: black;
+        background-color: skyblue;
         grid-column: span 5;
     }*/
-
-
-
 }

templates/program/__session.html

@@ -4,9 +4,13 @@
 {% comment %}<h2>{{ session.title }} talks</h2>{% endcomment %}
 {% comment %}<pre>{{ session|pprint }}</pre>{% endcomment %}
 
-<div class="col h-100">
-    <article class="h-100 PC-sessions-session PC-sessions-session-l-{{ session.talk_speakers.all|length }} border border-black shadow border-2 rounded">
-        <div class="PC-sessions-photo position-relative h-100">
+<div class="col">
+    <article class="
+        h-100 PC-sessions-session
+        PC-sessions-session-l-{{ session.talk_speakers.all|length }}
+        PC-sessions-session-l-{{ session.workshop_speakers.all|length }}
+        border border-black shadow border-2 rounded">
+        <div class="PC-sessions-photo position-relative">
             <div class="PC-image-primary d-flex">
                 {% for speaker in session.talk_speakers.all %}
                     <img class="img-fluid" src="{{ speaker.photo.url }}" width="300" height="300" alt="">

templates/program/talks_list.html

@@ -31,6 +31,7 @@
 
 {% endcomment %}
 
+
 {% block more_sessions_name %}talks{% endblock %}