edt fix

front_end/src/components/style/edt.css

@@ -1,56 +1,74 @@
 .edt{
-  justify-contedt: cedter;
+  justify-content: center;
   background-color: var(--tint1);
   border-radius: 30px;
   padding: 10px;
 }
 
+
 .edt_header{
-  justify-contedt: cedter;
+  justify-content: center;
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, 0.5fr);
   /* background-color: #0000FF; */
   padding-bottom: 10px;
   gap: 30%;
 }
 
 .edt_colonnes {
+  position: relative;
   display: grid;
   align-items: flex-start;
-  grid-template-columns: repeat(7, 1fr);
+  grid-template-columns: repeat(7, minmax(0, 1fr));
   gap: 16px;
   color: var(--text);
   /* background-color: #00FF00; */
   width: 100%;
 }
 
+.edt_loading{
+  position: absolute;
+  inset: 0;
+  display: grid;
+  /* place-items: center; */
+  pointer-events: none;
+}
+
 .edt_colonne {
   display: grid;
   background-color: var(--tint3);
   border-radius: 20px;
+  container-type: inline-size;
 }
 .edt_day_header{
+  font-size: clamp(5px, 1vw, 18px);
   padding: 8px;
   /* background-color: var(--tint2); */
   border-radius: 20px;
   height: 30px;
-  text-align: cedter;
+  text-align: center;
   font-size: 1em;
 }
 
-.edt_day_contedt{
-  display: grid;
+.edt_day_content{
+  display: flex;
+  flex-direction: column;
   gap: 8px;
   padding: 8px;
   border-radius: 20px;
+  min-width: 0;
+  /* background-color: #FF0000; */
 }
 
 
 .edt_session {
+  
+  font-size: clamp(1px, 8cqi, 18px);
   gap: 8px;
   background-color: var(--tint4);
   border-radius: 12px;
-  padding: 8px;
+  padding: 5%;
+  min-width: 0;
 }
 
 .edt_session:hover {
@@ -61,6 +79,11 @@
   background-color: var(--tint5);
 }
 
+.edt_session_header{
+  display: flex;
+  gap: 5px;
+}
+
 .edt_date{
   font-size: 0.75em;
 }
@@ -72,3 +95,11 @@
   border-radius: 20px;
 }
 
+
+.edt_session_modal{
+  background-color: var(--tint2);
+  padding: 20px;
+  border-radius: 20px;
+  position: relative;
+}
+