Merge pull request #428 from smiclea/fix-edit-layout

Fix Edit Replica layout issue in Network page

src/components/organisms/EditReplica/EditReplica.jsx

@@ -438,6 +438,7 @@ class EditReplica extends React.Component<Props, State> {
         instancesDetails={this.props.instancesDetails}
         storageMap={this.getStorageMap()}
         onChange={(s, t, type) => { this.handleStorageChange(s, t, type) }}
+        style={{ padding: '32px 32px 0 32px', width: 'calc(100% - 64px)' }}
       />
     )
   }
@@ -451,6 +452,7 @@ class EditReplica extends React.Component<Props, State> {
         loading={this.props.networksLoading}
         onChange={(nic, network, secGroups) => { this.handleNetworkChange(nic, network, secGroups) }}
         selectedNetworks={this.getSelectedNetworks()}
+        style={{ padding: '32px 32px 0 32px', width: 'calc(100% - 64px)' }}
       />
     )
   }

src/components/organisms/WizardNetworks/WizardNetworks.jsx

@@ -120,6 +120,7 @@ type Props = {
   instancesDetails: Instance[],
   selectedNetworks: ?NetworkMap[],
   onChange: (nic: NicType, network: Network, securityGroups?: SecurityGroup[]) => void,
+  style?: any,
 }
 @observer
 class WizardNetworks extends React.Component<Props> {
@@ -263,7 +264,7 @@ class WizardNetworks extends React.Component<Props> {
 
   render() {
     return (
-      <Wrapper>
+      <Wrapper style={this.props.style}>
         {this.renderLoading()}
         {this.renderNics()}
       </Wrapper>

src/components/organisms/WizardStorage/WizardStorage.jsx

@@ -144,6 +144,7 @@ export type Props = {
   instancesDetails: Instance[],
   storageMap: ?StorageMap[],
   onChange: (sourceStorage: Disk, targetStorage: StorageBackend, type: 'backend' | 'disk') => void,
+  style?: any,
 }
 @observer
 class WizardStorage extends React.Component<Props> {
@@ -249,7 +250,7 @@ class WizardStorage extends React.Component<Props> {
 
   render() {
     return (
-      <Wrapper>
+      <Wrapper style={this.props.style}>
         <Mapping>
           {this.renderBackendMapping()}
           {this.renderDiskMapping()}