Update style

index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Orario DM Unipi</title>
 
-    <meta property="og:title" content="PHC / Orario">
+    <meta property="og:title" content="PHC - Orario">
     <meta property="og:description" content="Sito per visualizzare l'orario delle lezioni per i vari anni di corso">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://lab.phc.dm.unipi.it/orario">

src/components/HamburgerMenu.jsx

@@ -8,7 +8,9 @@ export const HamburgerMenu = ({ onClose, mode, setMode, source, setSource }) =>
                 <button class="flat icon" onClick={onClose}>
                     <Icon name="close" />
                 </button>
-                <div class="item logo">PHC / Orari</div>
+                <div class="item logo">
+                    <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orario</span>
+                </div>
             </div>
             <div class="options">
                 <div class="label">Gruppo Corsi</div>

src/components/Toolbar.jsx

@@ -10,7 +10,7 @@ export const Toolbar = ({ mode, setMode, source, setSource, onShowMenu, onHelp }
                 </button>
             </div>
             <div class="item logo">
-                <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orari</span>
+                <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orario</span>
             </div>
             <div class="option-group">
                 <div class="item option">

src/styles/main.scss

@@ -840,6 +840,16 @@ body {
             justify-content: space-between;
 
             border-bottom: 1px solid var(--gray-500);
+            .logo {
+                display: flex;
+                align-items: center;
+
+                img {
+                    max-height: 2.5rem;
+                }
+
+                gap: 0.25rem;
+            }
         }
 
         .options {