Merge pull request #1669 from aswanthabam/dev

Fix: LC UI issues
gtech-mulearn · Nov 5, 2024 · f1a7bc0 · f1a7bc0
2 parents 2dd8cce + e9f70e9
commit f1a7bc0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/...modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css b/...modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css
@@ -169,6 +169,12 @@
     display: block;
     padding: 20px;
 }
+.learningCircleLandingPage .middleContainer {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
 @media (width<1060px) {
     .learningCircleLandingPageDesc h1 {
         font-size: 1.65rem;
@@ -216,6 +222,16 @@
         font-size: 0.65rem;
         margin-right: 0.5rem;
     }
+    .learningCircleLandingPage .learningCircleLandingPageButton { 
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .learningCircleLandingPage .middleContainer {
+        justify-content: center;
+        flex-direction: column-reverse;
+        gap: 10px;
+    }
 }
 
 @media (width<350px) {
@@ -279,6 +295,7 @@
     align-items: center;
     font-size: 18px;
     color: #6e6e6e;
+    text-align: left;
     gap: 6px;
 }
 
@@ -368,4 +385,7 @@
     .card {
         width: 100%;
     }
+    .location {
+        font-size: 15px;
+    }
 }
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx
@@ -182,11 +182,6 @@ const LearningCircleLanding = () => {
                         </div>
                     </div>
                     <div
-                        style={{
-                            width: "100%",
-                            display: "flex",
-                            justifyContent: "space-between"
-                        }}
                         className={styles.middleContainer}
                     >
                         <SelectTab