From 5bc0743f9566946c1d56569f27f9de5fe04b4066 Mon Sep 17 00:00:00 2001
From: DieSeeKat <lukasanthonissen@gmail.com>
Date: Tue, 19 Sep 2023 20:37:22 +0200
Subject: [PATCH] Fix heatmap height on compare page

---
 .../lib/event-help/event-help.component.html  | 38 ++++++++++++++++++-
 .../heatmap-container.component.html          |  2 +-
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/libs/app/components/src/lib/event-help/event-help.component.html b/libs/app/components/src/lib/event-help/event-help.component.html
index 41cc3b05..de7e277e 100644
--- a/libs/app/components/src/lib/event-help/event-help.component.html
+++ b/libs/app/components/src/lib/event-help/event-help.component.html
@@ -6,8 +6,42 @@
     (click)="closeModal()"
   ></div>
   <div
-    class="bg-gradient-to-br from-ept-blue-grey from-[-30%] to-[#7a849c] z-50 rounded-2xl p-5"
+    class="w-[70%] my-5 h-[90%] bg-ept-deep-grey z-50 rounded-xl p-6 text-ept-blue-grey overflow-y-scroll"
   >
-    <div class="text-3xl">Ask Lukas for help</div>
+    <div class="text-7xl font-poppins font-semibold text-center mb-10 mt-3">Help</div>
+    <div class="mt-2 mx-10">
+      <div
+        class="collapse collapse-arrow bg-ept-navy-blue text-ept-blue-grey"
+      >
+        <input type="checkbox" />
+        <div class="collapse-title text-xl font-medium">
+          <span class="text-ept-off-white font-poppins"
+            >How do I create a new event?</span
+          >
+        </div>
+        <div class="collapse-content">
+          <div class="text-ept-off-white font-montserrat">
+            Ask Lukas
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="mt-2 mx-10">
+      <div
+        class="collapse collapse-arrow bg-ept-navy-blue text-ept-blue-grey"
+      >
+        <input type="checkbox" />
+        <div class="collapse-title text-xl font-medium">
+          <span class="text-ept-off-white font-poppins"
+            >The event I want to view is greyed out</span
+          >
+        </div>
+        <div class="collapse-content">
+          <div class="text-ept-off-white font-montserrat">
+            Ask Lukas
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
diff --git a/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html b/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html
index 7beacd75..1886a370 100644
--- a/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html
+++ b/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html
@@ -1,4 +1,4 @@
-<div id="heatmapContainer-{{containerEvent._id}}" class="row-span-1 w-full h-full z-0 relative border-ept-blue-grey border-2 border-solid rounded-2xl">
+<div id="heatmapContainer-{{containerEvent._id}}" class="row-span-1 w-full h-[400px] z-0 relative border-ept-blue-grey border-2 border-solid rounded-2xl">
     <div
         class="absolute top-0 left-0 w-full h-full flex justify-center align-middle transition-opacity duration-200"
         [ngClass]="{ 'opacity-0': !loadingContent }"