From 0b7a1a72d322e037f0de8c92f6859ca4def9a36c Mon Sep 17 00:00:00 2001
From: IluaAir <ilya@air.ru>
Date: Mon, 27 Oct 2025 23:40:58 +0300
Subject: [PATCH] fiont style

---
 taskncoffee-app/src/components/Calendar.jsx | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/taskncoffee-app/src/components/Calendar.jsx b/taskncoffee-app/src/components/Calendar.jsx
index 04626be..3982a03 100644
--- a/taskncoffee-app/src/components/Calendar.jsx
+++ b/taskncoffee-app/src/components/Calendar.jsx
@@ -93,7 +93,7 @@ export default function Calendar() {
             "bg-card/30 backdrop-blur-md p-6 rounded-2xl flex-[3]",
             styles.utility.transitionSlow
         )}>
-            <div className="flex gap-4 h-full overflow-x-auto px-2">
+            <div className="flex gap-3 h-full overflow-x-auto px-3">
                 {daysOfWeek.map((day) => {
                     const isToday = day.fullDate.toDateString() === today.toDateString();
 
@@ -101,7 +101,7 @@ export default function Calendar() {
                         <div
                             key={day.name}
                             className={cn(
-                                "flex-1 min-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300",
+                                "flex-1 min-w-[150px] max-w-[180px] flex flex-col rounded-lg p-4 transition-all duration-300",
                                 isToday
                                     ? "bg-primary/10 border-2 border-primary neon-glow-soft"
                                     : "bg-background border border-border"
@@ -118,6 +118,7 @@ export default function Calendar() {
                                 </h3>
                                 <p className={cn(
                                     styles.text.smallMuted,
+
                                     isToday && "text-primary font-semibold"
                                 )}>
                                     {day.month} {day.date}
@@ -131,7 +132,6 @@ export default function Calendar() {
                                         key={task.id}
                                         className={cn(
                                             styles.card.task,
-                                            "neon-glow-soft",
                                             task.completed && "opacity-60 line-through"
                                         )}
                                     >
@@ -139,7 +139,7 @@ export default function Calendar() {
                                             {/* Priority indicator */}
                                             <span
                                                 className={cn(
-                                                    "w-1 h-1 rounded-full flex-shrink-0",
+                                                    "w-1.5 h-1.5 rounded-full flex-shrink-0",
                                                     task.priority === 'low' && "bg-green-500",
                                                     task.priority === 'medium' && "bg-yellow-500",
                                                     task.priority === 'high' && "bg-orange-500",
@@ -153,15 +153,6 @@ export default function Calendar() {
                                     </div>
                                 ))}
 
-                                {/* Empty state */}
-                                {day.tasks.length === 0 && (
-                                    <p className={cn(
-                                        styles.text.smallMuted,
-                                        "text-center py-8 italic"
-                                    )}>
-                                        No tasks
-                                    </p>
-                                )}
 
                                 {/* Add button */}
                                 <button
@@ -175,7 +166,7 @@ export default function Calendar() {
                                     }}
                                 >
                                     <Plus className="w-4 h-4" />
-                                    <span className="text-sm">Add Task</span>
+                                    <span className="text-xs">Add Task</span>
                                 </button>
                             </div>
                         </div>