chore(issuer): fix styling

Author: Fahd

packages/polymath-issuer/src/pages/compliance/CompliancePage.js

@@ -642,18 +642,16 @@ class CompliancePage extends Component<Props, State> {
       <Page title="Compliance – Polymath">
         <Progress />
         <Grid>
-          <Grid.Row>
-            <Grid.Col gridSpan={12}>
+          <Grid.Row gridGap="0px">
+            <Grid.Col gridSpan={9}>
               <h1 className="pui-h1">Token Whitelist</h1>
               <h3 className="pui-h3">
                 Whitelisted addresses may hold, buy, or sell the security token
                 and may participate into the STO. <br /> Security token buy/sell
                 operations may be subject to restrictions.
               </h3>
             </Grid.Col>
-          </Grid.Row>
-          <Grid.Row>
-            <Grid.Col>
+            <Grid.Col style={{ alignSelf: 'center' }}>
               <Button
                 icon="upload"
                 onClick={this.handleImportModalOpen}
@@ -662,7 +660,7 @@ class CompliancePage extends Component<Props, State> {
                 Import Whitelist
               </Button>
             </Grid.Col>
-            <Grid.Col>
+            <Grid.Col style={{ alignSelf: 'center' }}>
               <ImportWhitelistModal
                 isOpen={this.state.isImportModalOpen}
                 onSubmit={this.handleImport}
@@ -682,7 +680,7 @@ class CompliancePage extends Component<Props, State> {
                 Export Whitelist
               </Button>
             </Grid.Col>
-            <Grid.Col>
+            <Grid.Col style={{ alignSelf: 'center', justifySelf: 'left' }}>
               <OverflowMenu floatingMenu flipped style={{ float: 'right' }}>
                 <OverflowMenuItem
                   itemText={

packages/polymath-issuer/src/pages/compliance/components/WhitelistModal.js

@@ -15,7 +15,6 @@ import {
 } from '@polymathnetwork/ui';
 import validator from '@polymathnetwork/ui/validator';
 import { addAddressToTransferManager } from '../../../actions/compliance';
-('');
 
 type Props = {
   isOpen: boolean,
@@ -33,15 +32,15 @@ const formSchema = validator.object().shape({
 export const ConfirmEmailFormComponent = ({ handleSubmit, handleClose }) => (
   <Form onSubmit={handleSubmit}>
     <FormItem name="address">
-      <Heading as="h5" variant="h5">
+      <Heading className="form-item-header" variant="h3">
         Whitelist Manager Wallet Address
       </Heading>
       <FormItem.Input component={TextInput} />
       <FormItem.Error />
     </FormItem>
 
     <FormItem name="details">
-      <Heading as="h5" variant="h5">
+      <Heading className="form-item-header" variant="h3">
         Whitelist Manager Details
       </Heading>
       <FormItem.Input component={TextInput} />

packages/polymath-issuer/src/pages/compliance/style.scss

@@ -2,6 +2,12 @@
   cursor: pointer;
 }
 
+.form-item-header {
+  margin-top: 12px;
+  margin-bottom: 5px;
+  font-size: 14px;
+}
+
 .compliance-form {
   width: 100%;