chore(app): styles improvements

src/App.vue

@@ -89,7 +89,6 @@ export default defineComponent({
 }
 
 main {
-  padding: 1em;
   overflow-x: hidden;
 }
 

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>

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 {

src/styles/_theme.scss

@@ -2,7 +2,7 @@ $primaryText: white;
 $accentText: gold;
 $dimmedText: #ddd;
 
-$primaryBg: #333;
+$primaryBg: #2b2b2b;
 $secondaryBg: #aaa;
 
 $accentBg: #327ea5;

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;