maj liste cours

frontend/src/assets/styleCours.css

@@ -11,7 +11,11 @@ h1 {
 
 }
 
-h2,h3,h4,h5,h6,span{
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-size: 1rem;
   line-height: 1.1;
   font-family: "Nunito", sans-serif !important;
@@ -21,7 +25,8 @@ h2,h3,h4,h5,h6,span{
   color: #315397 !important;
 }
 
-.c4lv-readingcontext p, .c4lv-readingcontext {
+.c4lv-readingcontext p,
+.c4lv-readingcontext {
   font-size: 16px;
   line-height: 23px;
 }
@@ -35,12 +40,14 @@ h2,h3,h4,h5,h6,span{
   margin: 12px auto;
   position: relative;
 }
+
 .c4lv-dodontcards .c4l-dodontcards-do::before {
   content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_docard);
   position: absolute;
   top: 12px;
   right: 12px;
 }
+
 .c4lv-dodontcards .c4l-dodontcards-dont {
   min-width: 200px;
   max-width: 100%;
@@ -50,6 +57,7 @@ h2,h3,h4,h5,h6,span{
   margin: 12px auto;
   position: relative;
 }
+
 .c4lv-dodontcards .c4l-dodontcards-dont::before {
   content: url(https://www.formations.octopusdesign.fr/theme/image.php/boost_magnific/tiny_c4l/1752797278/c4l_dontcard);
   position: absolute;
@@ -57,18 +65,27 @@ h2,h3,h4,h5,h6,span{
   right: 12px;
 }
 
-h3{
+.c4lv-readingcontext p, .c4lv-readingcontext span, .c4lv-readingcontext li {
+  font-size: 16px;
+  line-height: 23px;
+  font-family: "Nunito", sans-serif !important;
+  font-optical-sizing: auto;
+  font-weight: 700 !important;
+  font-style: normal;
+}
+
+h3 {
   font-size: 1.2em !important;
 }
 
 
-ul li{
+ul li {
   list-style: inherit !important;
 }
 
 .css-1ulggnf h2,
 .MuiTypography-span,
-.MuiTypography-h6{
+.MuiTypography-h6 {
   color: #ffffff;
 
 }

frontend/src/components/Admin/ListeCours.jsx

@@ -274,11 +274,7 @@ const ListeCours = () => {
                         <Typography variant="h6" sx={{ mb: 1 }}>
                           {page.name}
                         </Typography>
-                        <Typography
+
-                          variant="body2"
-                          sx={{ whiteSpace: "pre-line" }}
-                          dangerouslySetInnerHTML={{ __html: page.content }}
-                        />
                         <Box sx={{ display: "flex", gap: 1, mt: 1 }}>
                           <Button
                             size="small"
@@ -344,7 +340,6 @@ const ListeCours = () => {
                       <Typography
                         variant="body2"
                         sx={{ mb: 1 }}
-                        dangerouslySetInnerHTML={{ __html: assign.intro || "" }}
                       />
                       <Button
                         size="small"
@@ -385,8 +380,8 @@ const ListeCours = () => {
             sx={{
               position: "absolute",
               top: 0,
-              left: 0,
+              left: "8%",
-              width: "100vw",
+              width: "80%",
               height: "100vh",
               bgcolor: "background.paper",
               p: 4,
@@ -410,7 +405,7 @@ const ListeCours = () => {
               </Button>
             </Box>
             <Box
-              sx={{ maxWidth: "900px", margin: "0 auto", paddingBottom: 8 }}
+              sx={{margin: "0 auto", paddingBottom: 8 }}
               dangerouslySetInnerHTML={{
                 __html:
                   selectedPage?.content || selectedAssignment?.intro || "",