Some fixes

src/components/Help.jsx

@@ -2,6 +2,24 @@ import { Icon } from './Icon.jsx'
 
 export const Help = ({}) => (
     <>
+        <h3>Mobile</h3>
+        <p>
+            Da mobile ci sono tre visualizzazioni possibili
+            <ul>
+                <li>
+                    <Icon name="list" /> <b>Corsi</b> mostra una lista dei corsi in ordine
+                    alfabetico con ogni lezione per corso
+                </li>
+                <li>
+                    <Icon name="calendar_view_month" /> <b>Schema</b> mostra uno schema compatto dei
+                    corsi selezionati
+                </li>
+                <li>
+                    <Icon name="calendar_view_day" />
+                    <b>Giorno</b> invece dà una visualizzazione giornaliera della settimana
+                </li>
+            </ul>
+        </p>
         <h3>Selezione Corsi</h3>
         <p>
             Per visualizzare solo una selezione dei corsi disponibili, clicca su quelli che ti
@@ -22,13 +40,6 @@ export const Help = ({}) => (
             Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando su <b>Tutti</b>{' '}
             (equivalente al tasto su <Icon name="apps" /> mobile).
         </p>
-        <p>
-            Da mobile ci sono tre visualizzazioni possibili dei corsi, la modalità <b>Corsi</b>{' '}
-            <Icon name="list" /> mostra una lista dei corsi in ordine alfabetico con ogni lezione
-            per corso; <b>Schema</b> <Icon name="calendar_view_month" /> mostra uno schema compatto
-            dei corsi selezionati. <b>Giorno</b> invece dà una visualizzazione giornaliera della
-            settimana.
-        </p>
         <h3>Stampa</h3>
         <p>
             Da desktop puoi stampare l'orario attualmente visibile con il bottone{' '}

src/components/OptionBar.jsx

@@ -2,7 +2,7 @@ import { CompoundButton } from './CompoundButton.jsx'
 import { MODE_COURSE, MODE_SCHEDULE, MODE_WORKWEEK_GRID } from './EventsView.jsx'
 import { Icon } from './Icon.jsx'
 
-export const OptionBar = ({ mode, setMode, source, setSource, onHelp }) => {
+export const OptionBar = ({ mode, setMode, source, setSource }) => {
     return (
         <div class="option-bar">
             <div class="option-group">

src/main.jsx

@@ -3,13 +3,13 @@ import { render } from 'preact'
 import { useEffect, useState } from 'preact/hooks'
 import { ToolOverlay } from './components/CourseVisibility.jsx'
 
-import { EventsView, MODE_COURSE, MODE_WORKWEEK_GRID } from './components/EventsView.jsx'
+import { EventsView, MODE_COURSE } from './components/EventsView.jsx'
 import { HamburgerMenu } from './components/HamburgerMenu.jsx'
 import { Help } from './components/Help.jsx'
 import { Icon } from './components/Icon.jsx'
 import { Popup } from './components/Popup.jsx'
 import { Toolbar } from './components/Toolbar.jsx'
-import { OptionBar } from './components/Optionbar.jsx'
+import { OptionBar } from './components/OptionBar.jsx'
 
 window._ = _
 window.dataBuffer = {}

src/styles/main.scss

@@ -412,6 +412,13 @@ button,
             vertical-align: text-top;
         }
     }
+
+    ul {
+        padding: 0.5rem 0 0.5rem 1.5rem;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
 }
 
 // Structure