fix rendering issues

Author: lassejaco

lib/components/event-schedule-new/calendar.components.tsx

@@ -1,6 +1,11 @@
 import React from "react";
 
-type Difficulty = "beginner" | "intermediate" | "advanced" | "all welcome";
+type Difficulty =
+  | "beginner"
+  | "intermediate"
+  | "expert"
+  | "all welcome"
+  | "other";
 
 const DifficultyTag = ({
   difficulty,
@@ -11,16 +16,18 @@ const DifficultyTag = ({
 }) => {
   const difficultyColorMap = {
     beginner: "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
-    intermediate: "bg-yellow-500",
-    advanced: "bg-red-500",
-    "all welcome": "bg-blue-500",
+    intermediate: "text-[rgba(180,83,9,1)] border-[rgba(180,83,9,1)]",
+    expert: "text-[rgba(153,27,27,1)] border-[rgba(153,27,27,1)]",
+    "all welcome": "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
+    other: "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
   };
 
   const difficultyTextMap = {
     beginner: "Beginner",
     intermediate: "Intermediate",
-    advanced: "Advanced",
+    expert: "Expert",
     "all welcome": "All Welcome",
+    other: "All Welcome",
   };
 
   const sizeMap = {

lib/components/event-schedule-new/index.tsx

@@ -174,7 +174,7 @@ const NewScheduleIndex = ({
 
   // Define shared column template for consistent alignment
   // const columnTemplate = `repeat(${eventRange.length}, minmax(175px, 1fr))`
-  const columnTemplate = `repeat(${eventRange.length}, minmax(205px, 1fr))`;
+  const columnTemplate = `repeat(${eventRange.length}, minmax(auto, 230px))`;
 
   // Check if an event should be highlighted based on hovered date
   const isEventHighlighted = (placement: any) => {
@@ -247,7 +247,7 @@ const NewScheduleIndex = ({
                       }`,
                       gridColumn: `${placement.gridPosition.column} / span ${placement.gridPosition.duration}`,
                     }}
-                    className={`bg-white rounded-lg border m-0.5 mt-0 relative transition-all duration-200`}
+                    className={`bg-white rounded-lg border m-0.5 mt-0 relative transition-all duration-200]`}
                   >
                     <Event
                       event={placement.event}