From d623df91585d8cfdb65de0ee63910d02edd0c1a2 Mon Sep 17 00:00:00 2001
From: Antonio De Lucreziis <antonio.delucreziis@gmail.com>
Date: Wed, 14 Sep 2022 14:11:12 +0200
Subject: [PATCH] Some fixes

---
 src/components/Help.jsx                       | 25 +++++++++++++------
 .../{Optionbar.jsx => OptionBar.jsx}          |  2 +-
 src/main.jsx                                  |  4 +--
 src/styles/main.scss                          |  7 ++++++
 4 files changed, 28 insertions(+), 10 deletions(-)
 rename src/components/{Optionbar.jsx => OptionBar.jsx} (96%)

diff --git a/src/components/Help.jsx b/src/components/Help.jsx
index 57ca593..413f1f6 100644
--- a/src/components/Help.jsx
+++ b/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{' '}
diff --git a/src/components/Optionbar.jsx b/src/components/OptionBar.jsx
similarity index 96%
rename from src/components/Optionbar.jsx
rename to src/components/OptionBar.jsx
index 5b4e267..ebbfd93 100644
--- a/src/components/Optionbar.jsx
+++ b/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">
diff --git a/src/main.jsx b/src/main.jsx
index 56b892d..e82b31c 100644
--- a/src/main.jsx
+++ b/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 = {}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 36279c0..b7880e6 100644
--- a/src/styles/main.scss
+++ b/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