fix: portrait mode for mobile

src/thsf/static/css/planning.css

@@ -1,4 +1,3 @@
-
 .slot {
   display: flex;
   flex: 1;
@@ -67,6 +66,10 @@
   display: inline-block;
 }
 
+.speaker_details:hover {
+  cursor: pointer;
+}
+
 .speaker .details {
   visibility: hidden;
   background-color: var(--main-color);

src/thsf/templates/slot.html

@@ -4,8 +4,8 @@
       {% for speaker in slot.speakers %}
       <div class="speaker">
         {{speaker.name | title}}
-        <i class="speaker_details fa-solid fa-user"></i>
         {% if speaker.avatar or speaker.biography %}
+        <i class="speaker_details fa-solid fa-user"></i>
         <div class="details">
           {% if speaker.avatar %}
           <img src="{{speaker.avatar}}"