From 76fe4e5bdd4e9dcf62a3a9683d6b651f464d3ffe Mon Sep 17 00:00:00 2001
From: "Felix Pfannkuch (DF3LX)" <df3lx@darc.de>
Date: Thu, 6 Aug 2026 00:47:01 +0200
Subject: [PATCH] adapted icon sizes

---
 assets/style-fiftyohm.css | 25 ++++++++++++++++++++++++-
 templates/html/page.html  | 12 ++++++------
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/assets/style-fiftyohm.css b/assets/style-fiftyohm.css
index d947dca..60dcdb8 100644
--- a/assets/style-fiftyohm.css
+++ b/assets/style-fiftyohm.css
@@ -254,10 +254,33 @@ ul.fiftyohm-navbar {
 }
 
 .fiftyohm-navbar .material-icons {
-  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
   font-size: 32px;
 }
 
+.fiftyohm-navbar .icon-start {
+  font-size: 30px;
+}
+.fiftyohm-navbar .icon-lernen {
+  font-size: 26px;
+}
+.fiftyohm-navbar .icon-suche {
+  font-size: 31px;
+}
+.fiftyohm-navbar .icon-infos {
+  font-size: 30px;
+}
+.fiftyohm-navbar .icon-pruefung {
+  font-size: 31px;
+}
+.fiftyohm-navbar .icon-simulation {
+  font-size: 30px;
+}
+
 @keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
diff --git a/templates/html/page.html b/templates/html/page.html
index d692760..6f8146c 100644
--- a/templates/html/page.html
+++ b/templates/html/page.html
@@ -61,37 +61,37 @@
           <ul class="fiftyohm-navbar" id="nav-dropdown">
             <li>
               <a href="index.html">
-                <span class="material-icons">home</span>
+                <span class="material-icons icon-start">home</span>
                 Start
               </a>
             </li>
             <li>
               <a href="index.html#lernen">
-                <span class="material-icons">local_library</span>
+                <span class="material-icons icon-lernen">local_library</span>
                 Lernen
               </a>
             </li>
             <li>
               <a href="suche.html">
-                <span class="material-icons">search</span>
+                <span class="material-icons icon-suche">search</span>
                 Suche
               </a>
             </li>
             <li>
               <a href="infos.html">
-                <span class="material-icons">info</span>
+                <span class="material-icons icon-infos">info</span>
                 Infos
               </a>
             </li>
             <li>
               <a href="pruefung.html">
-                <span class="material-icons">fact_check</span>
+                <span class="material-icons icon-pruefung">fact_check</span>
                 Prüfung
               </a>
             </li>
             <li>
               <a href="simulation.html">
-                <span class="material-icons">quiz</span>
+                <span class="material-icons icon-simulation">quiz</span>
                 Simulation
               </a>
             </li>