From e6cff4e94e16deaebcfa986d5943caf4c69b7f6c Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Mon, 17 Nov 2025 18:06:01 +0100
Subject: Implement showing traffic density with municipal data

---
 src/frontend/app/root.css       | 11 ++++++-----
 src/frontend/app/routes/map.tsx |  5 +++--
 2 files changed, 9 insertions(+), 7 deletions(-)

(limited to 'src/frontend/app')

diff --git a/src/frontend/app/root.css b/src/frontend/app/root.css
index e832e96..6331140 100644
--- a/src/frontend/app/root.css
+++ b/src/frontend/app/root.css
@@ -54,8 +54,8 @@
   --text-color: #ffffff;
   --subtitle-color: #bbbbbb;
   --border-color: #444444;
-  --button-background-color: #1e88e5;
-  --button-hover-background-color: #1565c0;
+  --button-background-color: #1f93f2;
+  --button-hover-background-color: #1872d9;
   --button-disabled-background-color: #555555;
   --star-color: #ffcc00;
   --message-background-color: #333333;
@@ -144,16 +144,17 @@ body {
 }
 
 .navigation-bar__link svg {
-  width: 1.75rem;
-  height: 1.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
   margin-bottom: 5px;
   fill: none;
   stroke-width: 2;
 }
 
 .navigation-bar__link span {
-  font-size: 14px;
+  font-size: 13px;
   line-height: 1;
+  font-family: system-ui;
 }
 
 .navigation-bar__link.active {
diff --git a/src/frontend/app/routes/map.tsx b/src/frontend/app/routes/map.tsx
index 40be174..d520e5a 100644
--- a/src/frontend/app/routes/map.tsx
+++ b/src/frontend/app/routes/map.tsx
@@ -2,7 +2,7 @@ import StopDataProvider, { type Stop } from "../data/StopDataProvider";
 import "./map.css";
 
 import { useEffect, useRef, useState } from "react";
-import { useApp } from "../AppContext";
+import { useApp } from "~/AppContext";
 import Map, {
   AttributionControl,
   GeolocateControl,
@@ -163,6 +163,7 @@ export default function StopMap() {
       <Layer
         id="stops"
         type="symbol"
+        minzoom={13}
         source="stops-source"
         layout={{
           "icon-image": [
@@ -171,7 +172,7 @@ export default function StopMap() {
             `stop-${region}-cancelled`,
             `stop-${region}`,
           ],
-          "icon-size": ["interpolate", ["linear"], ["zoom"], 11, 0.7, 18, 1.0],
+          "icon-size": ["interpolate", ["linear"], ["zoom"], 13, 0.4, 14, 0.7, 18, 1.0],
           "icon-allow-overlap": true,
           "icon-ignore-placement": true,
         }}
-- 
cgit v1.3