From 367d16b116e4bd175f8cc8747adfad7beddc0b90 Mon Sep 17 00:00:00 2001
From: Aswanth Vc <69764494+aswanthabam@users.noreply.github.com>
Date: Tue, 5 Nov 2024 17:56:09 +0530
Subject: [PATCH] fix(lc): lc create alignment issue in mobile devices

---
 .../components/MonthdayPicker/MonthdayPicker.module.css     | 1 +
 .../components/WeekdayPicker/WeekdayPicker.module.css       | 2 +-
 .../LearningCircleV2/pages/CreateLC/CreateLC.module.css     | 6 ++++++
 .../modules/LearningCircleV2/pages/CreateLC/CreateLC.tsx    | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/modules/Dashboard/modules/LearningCircleV2/components/MonthdayPicker/MonthdayPicker.module.css b/src/modules/Dashboard/modules/LearningCircleV2/components/MonthdayPicker/MonthdayPicker.module.css
index 886bfeb04..505a95887 100644
--- a/src/modules/Dashboard/modules/LearningCircleV2/components/MonthdayPicker/MonthdayPicker.module.css
+++ b/src/modules/Dashboard/modules/LearningCircleV2/components/MonthdayPicker/MonthdayPicker.module.css
@@ -59,6 +59,7 @@
     .InputSchedule {
         width: 100%;
         .weeks {
+            grid-template-columns: auto auto auto auto auto;
             .box {
                 width: 40px;
                 height: 40px;
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/components/WeekdayPicker/WeekdayPicker.module.css b/src/modules/Dashboard/modules/LearningCircleV2/components/WeekdayPicker/WeekdayPicker.module.css
index b2ecd2c98..c6b99403e 100644
--- a/src/modules/Dashboard/modules/LearningCircleV2/components/WeekdayPicker/WeekdayPicker.module.css
+++ b/src/modules/Dashboard/modules/LearningCircleV2/components/WeekdayPicker/WeekdayPicker.module.css
@@ -59,7 +59,7 @@
     .InputSchedule {
         width: 100%;
         .weeks {
-            grid-template-columns: auto auto auto auto;
+            grid-template-columns: auto auto auto;
             .box {
                 width: 60px;
                 height: 60px;
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css
index 4fc50bc07..361931198 100644
--- a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css
+++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css
@@ -88,6 +88,12 @@
             }
             .form {
                 padding: 10px;
+                .formGroup {
+                    &.radioContainer {
+                        flex-direction: column !important;
+                        justify-content: center;
+                    }
+                }
             }
         }
     }
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.tsx b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.tsx
index 128d005da..fe2057c62 100644
--- a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.tsx
+++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.tsx
@@ -128,7 +128,7 @@ export default function CreateLC() {
                                             className={
                                                 styles.formGroup +
                                                 " " +
-                                                styles.horizontal
+                                                styles.horizontal + " " + styles.radioContainer
                                             }
                                         >
                                             <label htmlFor="recurrence_type">