From 851e1cc0cd6e74e6f209104f69adf8092d0718ca Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 13 Apr 2026 00:59:52 +0200
Subject: [PATCH] chore(app): styles improvements

---
 src/App.vue                 |  1 -
 src/components/Navbar.vue   | 12 ++++++++++++
 src/styles/_styles.scss     |  8 ++++----
 src/styles/_theme.scss      |  2 +-
 src/views/PragotronView.vue |  4 ++--
 5 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9467b1b..2c78b4b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -89,7 +89,6 @@ export default defineComponent({
 }
 
 main {
-  padding: 1em;
   overflow-x: hidden;
 }
 
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 3e8c1a2..abe0193 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -76,5 +76,17 @@ nav.navbar {
   padding: 0.25em 0.5em;
   border-radius: 0.5em;
   color: white;
+
+  font-size: 1em;
+
+  img {
+    width: 1.25em;
+  }
+}
+
+@media only screen and (max-width: 1400px) {
+  nav.navbar {
+    font-size: calc(0.5em + 0.5vw);
+  }
 }
 </style>
diff --git a/src/styles/_styles.scss b/src/styles/_styles.scss
index 029cde7..7f98943 100644
--- a/src/styles/_styles.scss
+++ b/src/styles/_styles.scss
@@ -40,10 +40,10 @@ button {
   font-size: 1em;
 
   color: white;
-  background-color: #1b1b1b;
+  background-color: #0e0e0e;
 
   &:hover {
-    background-color: #252525;
+    background-color: #1a1a1a;
   }
 
   &:focus-visible {
@@ -67,14 +67,14 @@ button {
 // Input radio
 .g-selector {
   label {
-    background-color: #202020;
+    background-color: #0e0e0e;
     cursor: pointer;
 
     display: flex;
     justify-content: center;
 
     &:hover {
-      background-color: #2b2b2b;
+      background-color: #1a1a1a;
     }
 
     span {
diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
index 50910eb..a484209 100644
--- a/src/styles/_theme.scss
+++ b/src/styles/_theme.scss
@@ -2,7 +2,7 @@ $primaryText: white;
 $accentText: gold;
 $dimmedText: #ddd;
 
-$primaryBg: #333;
+$primaryBg: #2b2b2b;
 $secondaryBg: #aaa;
 
 $accentBg: #327ea5;
diff --git a/src/views/PragotronView.vue b/src/views/PragotronView.vue
index f5a3835..0d0d76a 100644
--- a/src/views/PragotronView.vue
+++ b/src/views/PragotronView.vue
@@ -580,10 +580,10 @@ export default defineComponent({
 }
 
 .departure-date {
-  background: black;
+  background: #010101;
 
   span {
-    background: black;
+    background: #010101;
     height: 2em;
     line-height: 2em;
     flex-grow: 2;