Modify the app details drawer of the APPM publisher

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.css

@@ -30,4 +30,8 @@
         width: 210%;
     }
 
+    .app-release-cards{
+        display: grid;
+    }
+
 }

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/list-apps/AppDetailsDrawer/AppDetailsDrawer.js

@@ -446,7 +446,7 @@ class AppDetailsDrawer extends React.Component {
             <div>
                 <Drawer
                     placement="right"
-                    width={640}
+                    width={this.state.drawerWidth}
                     closable={false}
                     onClose={onClose}
                     visible={visible}
@@ -498,6 +498,7 @@ class AppDetailsDrawer extends React.Component {
                                 grid={{gutter: 16, column: 2}}
                                 dataSource={app.applicationReleases}
                                 renderItem={release => (
+                                    <div className="app-release-cards">
                                     <List.Item>
                                         <Link to={"apps/releases/" + release.uuid}>
                                             <Card className="release-card">
@@ -521,6 +522,7 @@ class AppDetailsDrawer extends React.Component {
                                             </Card>
                                         </Link>
                                     </List.Item>
+                                    </div>
                                 )}
                             />
 

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/new-release/AddReleaseForm.js

@@ -17,7 +17,7 @@
  */
 
 import React from "react";
-import {Form, notification, Spin,} from "antd";
+import {Form, notification, Spin, Card} from "antd";
 import axios from "axios";
 import {withRouter} from 'react-router-dom'
 import {withConfigContext} from "../../context/ConfigContext";
@@ -73,9 +73,6 @@ class AddNewReleaseFormComponent extends React.Component {
         });
         const {data, release} = releaseData;
         const {formConfig} = this.props;
-        const {price} = release;
-
-        release.subMethod = (price === 0) ? "FREE" : "PAID";
 
         const json = JSON.stringify(release);
         const blob = new Blob([json], {
@@ -128,12 +125,14 @@ class AddNewReleaseFormComponent extends React.Component {
         return (
             <div>
                 <Spin tip="Uploading..." spinning={loading}>
-                <NewAppUploadForm
+                    <Card>
-                    formConfig={formConfig}
+                        <NewAppUploadForm
-                    supportedOsVersions={supportedOsVersions}
+                            formConfig={formConfig}
-                    onSuccessReleaseData={this.onSuccessReleaseData}
+                            supportedOsVersions={supportedOsVersions}
-                    onClickBackButton={this.onClickBackButton}
+                            onSuccessReleaseData={this.onSuccessReleaseData}
-                />
+                            onClickBackButton={this.onClickBackButton}
+                        />
+                    </Card>
                 </Spin>
             </div>
         );