From 215aa660681a5c54065afb06140f6c4ac22119b9 Mon Sep 17 00:00:00 2001
From: ishpaul207 <123591487+ishpaul207@users.noreply.github.com>
Date: Wed, 10 May 2023 12:15:41 +0000
Subject: [PATCH] fix layout of profile page

---
 studio/src/pages/profile/index.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/studio/src/pages/profile/index.js b/studio/src/pages/profile/index.js
index 4c8c3fd50..3d6c4bc3e 100644
--- a/studio/src/pages/profile/index.js
+++ b/studio/src/pages/profile/index.js
@@ -54,10 +54,11 @@ function Profile() {
   return (
     <div className="content">
       <Helmet title={'Profile'} />
-      <Card title="Update Profile" loading={loading}>
+      <div>
         <Form
           form={form}
           name="update_profile"
+          layout="vertical"
           style={{ paddng: '34px 25px', background: '#F9FAFB' }}
           onFinish={update}
           initialValues={{
@@ -74,11 +75,6 @@ function Profile() {
             </Button>
           </Row>
           <Row gutter={56}>
-            <Col md={6} xs={24}>
-              <Form.Item name="featured_medium_id">
-                <MediaSelector profile={true} />
-              </Form.Item>
-            </Col>
             <Col md={10} xs={24}>
               <Form.Item
                 label="First Name"
@@ -112,6 +108,9 @@ function Profile() {
                   <Radio.Button value="other">Other</Radio.Button>
                 </Radio.Group>
               </Form.Item>
+              <Form.Item label="Description" name="description">
+                <Input.TextArea placeholder="Description" autoSize={{ minRows: 2, maxRows: 6 }} />
+              </Form.Item>
               <Form.Item label="Facebook Url" name={['social_media_urls', 'facebook']}>
                 <Input placeholder="Facebook url" />
               </Form.Item>
@@ -124,14 +123,15 @@ function Profile() {
               <Form.Item label="Instagram Url" name={['social_media_urls', 'instagram']}>
                 <Input placeholder="Instagram url" />
               </Form.Item>
-              <Form.Item label="Description" name="description">
-                <Input.TextArea placeholder="Description" autoSize={{ minRows: 2, maxRows: 6 }} />
+            </Col>
+            <Col md={6} xs={24}>
+              <Form.Item name="featured_medium_id">
+                <MediaSelector profile={true} />
               </Form.Item>
             </Col>
-            ~
           </Row>
         </Form>
-      </Card>
+      </div>
     </div>
   );
 }