From bacdc94b1eef108bf8e50761b8e706a814fb79cd Mon Sep 17 00:00:00 2001
From: Laurent <58115082+naaturel@users.noreply.github.com>
Date: Sat, 22 Mar 2025 15:06:52 +0100
Subject: [PATCH] Fix responsive

---
 front/src/components/AttendanceGraph.vue |  4 +---
 front/src/views/EventView.vue            | 10 +++++-----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/front/src/components/AttendanceGraph.vue b/front/src/components/AttendanceGraph.vue
index 2a0c379..791a2a4 100644
--- a/front/src/components/AttendanceGraph.vue
+++ b/front/src/components/AttendanceGraph.vue
@@ -43,7 +43,7 @@ function setBarTooltip(bar : HTMLElement, attendeesCount : number) : void{
   tooltip.innerText = attendeesCount.toString();
 
   tooltip.style.position = 'absolute';
-  tooltip.style.visibility = 'hidden'; // Initially hidden
+  tooltip.style.visibility = 'hidden';
   tooltip.style.backgroundColor = 'black';
   tooltip.style.color = 'white';
   tooltip.style.padding = '5px';
@@ -80,8 +80,6 @@ function queryContainer() : HTMLElement {
 .graph {
   display: flex;
   flex-direction: column;
-  width: 100%;
-  height: 100%;
   gap: 10px;
   border-left: solid 1px black;
   border-bottom: solid 1px black;
diff --git a/front/src/views/EventView.vue b/front/src/views/EventView.vue
index 016dc3b..850f889 100644
--- a/front/src/views/EventView.vue
+++ b/front/src/views/EventView.vue
@@ -38,7 +38,7 @@ function extractToken() : string {
     </div>
     <div v-else class="container">
       <AttendanceGraph :event="event" />
-      <Calendar/>
+      <Calendar class="calendar"/>
     </div>
 </template>
 
@@ -48,7 +48,7 @@ function extractToken() : string {
 }
 
 @media screen and (min-width: 1001px) {
-  .attendance-graph
+  .attendance-graph, .calendar
   {
     width: 50%;
     height: 50%;
@@ -57,10 +57,10 @@ function extractToken() : string {
 }
 
 @media screen and (max-width: 1000px) {
-  .attendance-graph
+  .attendance-graph, .calendar
   {
-    width: 500px;
-    height: 500px;
+    width: 80%;
+    height: fit-content;
   }
 
 }