Merge pull request #706 from sonaliTekdi/webapp_changes

Bug #228501 -[webapp - course detail page] course module structure UI is not looking well. PFA
NIUANULP · Oct 21, 2024 · 5c54468 · 5c54468
2 parents 2d73311 + 41fb008
commit 5c54468
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/nulp_elite/src/pages/content/joinCourse.js b/packages/nulp_elite/src/pages/content/joinCourse.js
@@ -1321,7 +1321,7 @@ const JoinCourse = () => {
                   style={{
                     background: "#F9FAFC",
                     borderRadius: "10px",
-                    marginTop: "10px",
+                    margin: "10px",
                   }}
                 >
                   <AccordionSummary
@@ -1666,8 +1666,7 @@ const JoinCourse = () => {
                       </AccordionSummary>
 
                       <AccordionDetails
-                        style={{ paddingLeft: "35px" }}
-                        className="border-bottom"
+                        style={{ 'padding': '12px',margin: '-10px 0px'}}
                       >
                         {/* If it's not a content collection, render it like a clickable child */}
                         {faqIndex.mimeType !==
@@ -1698,7 +1697,7 @@ const JoinCourse = () => {
                             <AccordionDetails
                               key={faqIndexname.identifier || faqIndexname.name}
                               className="border-bottom"
-                              style={{ paddingLeft: "35px" }}
+                              style={{ 'padding': '12px',margin: '-10px 0px'}}
                             >
                               {faqIndexname.children &&
                               faqIndexname.children.length > 0 ? (
@@ -1741,7 +1740,7 @@ const JoinCourse = () => {
                                       <AccordionDetails
                                         key={child.identifier || child.name}
                                         className="border-bottom"
-                                        style={{ paddingLeft: "35px" }}
+                                        style={{ 'padding': '12px',margin: '-10px 0px'}}
                                       >
                                         {child.children &&
                                         child.children.length > 0 ? (