From afde5576055131fffd94fb7bd4fcbb28fda57742 Mon Sep 17 00:00:00 2001
From: Darius Schefer <darius1702@gmail.com>
Date: Fri, 29 Aug 2025 03:17:07 +0200
Subject: [PATCH] New font and new footer

---
 src/components/Footer/Footer.tsx       | 17 ++++++++++++-----
 src/components/Footer/style.module.css | 26 ++++++++++++--------------
 src/index.css                          |  2 +-
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 08fe504..6384ffe 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -16,12 +16,19 @@ export default function Footer() {
                     />
                     Start
                 </div>
-                <span className={style.divider}></span>
                 <div className={style.windows}>
-                    <span className={style.window}>🚊 Timetable</span>
-                    <span className={style.window}>🕐 Clock</span>
-                    <span className={style.windowActive}>🔔 Terminal</span>
-                    <span className={style.window}>🧹 Flatastic</span>
+                    <span className={style.window}>
+                        <span className={style.windowIcon}>🚊</span>Timetable
+                    </span>
+                    <span className={style.window}>
+                        <span className={style.windowIcon}>🕐</span>Clock
+                    </span>
+                    <span className={style.windowActive}>
+                        <span className={style.windowIcon}>🔔</span>Terminal
+                    </span>
+                    <span className={style.window}>
+                        <span className={style.windowIcon}>🧹</span>Flatastic
+                    </span>
                 </div>
             </div>
         </div>
diff --git a/src/components/Footer/style.module.css b/src/components/Footer/style.module.css
index 5b09dc8..eacfb09 100644
--- a/src/components/Footer/style.module.css
+++ b/src/components/Footer/style.module.css
@@ -1,5 +1,5 @@
 .container {
-    height: 35px;
+    height: 30px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -9,44 +9,37 @@
 }
 
 .taskbar {
-    font-weight: bold;
     display: flex;
     flex-direction: row;
     text-align: left;
 }
 
 .startButton {
+    font-weight: bold;
     display: inline-flex;
     justify-content: space-around;
     align-items: center;
-    width: 100px;
+    width: 80px;
     border-top: 2px solid white;
     border-left: 2px solid white;
     border-bottom: 2px solid #828282;
     border-right: 2px solid #828282;
+    margin-right: 10px;
 }
 
 .startIcon {
-    height: 30px;
-}
-
-.divider {
-    margin: auto 8px;
-    width: 4px;
-    height: 25px;
-    border-top: 2px solid white;
-    border-left: 2px solid white;
-    border-bottom: 2px solid #828282;
-    border-right: 2px solid #828282;
+    height: 20px;
 }
 
 .windows {
     display: flex;
     flex-direction: row;
+    align-items: center;
     gap: 5px;
 }
 
 .window {
+    height: 25px;
     min-width: 150px;
     padding-left: 10px;
     display: inline-flex;
@@ -57,6 +50,11 @@
     border-right: 2px solid #828282;
 }
 
+.windowIcon {
+    font-size: 11pt;
+    margin-right: 5px;
+}
+
 .windowActive {
     min-width: 150px;
     padding-left: 10px;
diff --git a/src/index.css b/src/index.css
index f18b694..c7f5026 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,5 @@
 :root {
-    font-family: Arial, sans-serif;
+    font-family: Noto Sans Condensed, sans-serif;
     line-height: 1.5;
     font-weight: 400;