From 396f8665f7a156a00da3cd4622d12b040053350c Mon Sep 17 00:00:00 2001
From: count0 <mixaciric000@gmail.com>
Date: Mon, 13 Oct 2025 17:13:14 +0200
Subject: [PATCH] Improve minigrid in mobile view

---
 src/components/MiniGrid.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/MiniGrid.jsx b/src/components/MiniGrid.jsx
index 3c8e177..b7f0984 100644
--- a/src/components/MiniGrid.jsx
+++ b/src/components/MiniGrid.jsx
@@ -5,9 +5,12 @@ import { toggleCompletion } from '../lib/storage';
 
 const MiniGrid = ({ habit, onUpdate }) => {
   const today = new Date();
+  // Show fewer days on mobile for better aspect ratio
+  const isMobile = window.innerWidth < 640; // Tailwind 'sm' breakpoint
+  const numDays = isMobile ? 14 : 28;
   const days = [];
   
-  for (let i = 27; i >= 0; i--) {
+  for (let i = numDays - 1; i >= 0; i--) {
     const date = new Date(today);
     date.setDate(date.getDate() - i);
     days.push(date);