From a1c8d11b397ef5af269a3bea1b28b5809a5cb4f8 Mon Sep 17 00:00:00 2001
From: Nishal John <nishal.john24@gmail.com>
Date: Sun, 12 Nov 2023 21:36:52 +0530
Subject: [PATCH] [BF] - Fix responsive issues in Resource Modal

---
 src/pages/ResourceLibrary/AddResource.js | 21 +++++++++++----------
 src/styles/index.css                     |  7 ++++++-
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/pages/ResourceLibrary/AddResource.js b/src/pages/ResourceLibrary/AddResource.js
index 3f374d4..c2f98f9 100644
--- a/src/pages/ResourceLibrary/AddResource.js
+++ b/src/pages/ResourceLibrary/AddResource.js
@@ -90,18 +90,19 @@ export const AddResource = ({ onAddResource }) => {
                     {/* <Title level={1} style={{ marginBottom: "30px" }}>Add Resource</Title> */}
                     {/* <div className="form-container"> */}
                     <Form
-                        labelCol={{
-                            offset: 6,
-                            span: 12,
-                        }}
-                        wrapperCol={{
-                            offset: 6,
-                            span: 12,
-                        }}
+                        // labelCol={{
+                        //     offset: 6,
+                        //     span: 12,
+                        // }}
+                        // wrapperCol={{
+                        //     offset: 6,
+                        //     span: 12,
+                        // }}
                         style={{
-                            minWidth: 800,
-                            maxWidth: 800,
+                            // minWidth: 800,
+                            // maxWidth: 800,
                             // justifyContent: 'center'
+                            width: '100%'
                         }}
                         initialValues={{
                             accesslevel: 3,
diff --git a/src/styles/index.css b/src/styles/index.css
index 851b653..f61efa0 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -86,6 +86,7 @@ h2 {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
 }
 
 .carosel-video-wrappers {
@@ -303,4 +304,8 @@ h2 {
     padding-top: 20px;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
-}
\ No newline at end of file
+}
+
+.select-container.ant-form-item-control-wrapper {
+    width: 100%;
+  }
\ No newline at end of file