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
-
- ๐ Timetable
- ๐ Clock
- ๐ Terminal
- ๐งน Flatastic
+
+ ๐Timetable
+
+
+ ๐Clock
+
+
+ ๐Terminal
+
+
+ ๐งนFlatastic
+
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;