From f1c0a4d9551fa9208b89b7a89525c3924c6902b6 Mon Sep 17 00:00:00 2001
From: Topvennie <vincent@vallaeys.com>
Date: Thu, 15 Aug 2024 01:19:22 +0200
Subject: [PATCH] vinvoor: minor heatmap mobile changes

---
 vinvoor/src/overview/Overview.tsx     |  2 +-
 vinvoor/src/overview/heatmap/utils.ts | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/vinvoor/src/overview/Overview.tsx b/vinvoor/src/overview/Overview.tsx
index 16ffdf9..c755da5 100644
--- a/vinvoor/src/overview/Overview.tsx
+++ b/vinvoor/src/overview/Overview.tsx
@@ -42,7 +42,7 @@ export const Overview = () => {
               sx={{
                 padding: 2,
                 width: "100%",
-                height: { xs: "auto", lg: paperHeight },
+                height: paperHeight,
                 display: "flex",
                 justifyContent: "center",
               }}
diff --git a/vinvoor/src/overview/heatmap/utils.ts b/vinvoor/src/overview/heatmap/utils.ts
index 29e7dbb..12f915a 100644
--- a/vinvoor/src/overview/heatmap/utils.ts
+++ b/vinvoor/src/overview/heatmap/utils.ts
@@ -56,14 +56,14 @@ export const styleMonth = [
 
 // Size
 
-export const RECT_SIZE = (isSmallView: boolean) => (isSmallView ? 5 : 20);
-export const RECT_RADIUS = (isSmallView: boolean) => (isSmallView ? 1 : 4);
-export const RECT_STROKE = (isSmallView: boolean) => (isSmallView ? 1 : 2);
-export const SPACE = (isSmallView: boolean) => (isSmallView ? 2 : 10);
-export const TOP_PAD = (isSmallView: boolean) => (isSmallView ? 8 : 25);
+export const RECT_SIZE = (isSmallView: boolean) => (isSmallView ? 3 : 20);
+export const RECT_RADIUS = (isSmallView: boolean) => (isSmallView ? 0.5 : 4);
+export const RECT_STROKE = (isSmallView: boolean) => (isSmallView ? 0.3 : 2);
+export const SPACE = (isSmallView: boolean) => (isSmallView ? 1.5 : 10);
+export const TOP_PAD = (isSmallView: boolean) => (isSmallView ? 6 : 25);
 export const LEFT_PAD = (isSmallView: boolean) => (isSmallView ? 2 : 5);
-export const MONTH_RECT_Y = (isSmallView: boolean) => (isSmallView ? 5 : 15);
-export const FONT_SIZE = (isSmallView: boolean) => (isSmallView ? 4 : 15);
+export const MONTH_RECT_Y = (isSmallView: boolean) => (isSmallView ? 4 : 15);
+export const FONT_SIZE = (isSmallView: boolean) => (isSmallView ? 3 : 15);
 
 // Month labels