fix margins by using a padding on the container instead

embark-ui/src/components/CardTitleIdenticon.js

@@ -13,7 +13,8 @@ CardTitleIdenticon.propTypes = {
   id: PropTypes.string,
   children: PropTypes.oneOfType([
     PropTypes.object,
-    PropTypes.array
+    PropTypes.array,
+    PropTypes.string
   ])
 };
 

embark-ui/src/components/Communication.js

@@ -44,7 +44,7 @@ class Communication extends Component {
 
   render() {
     return (
-      <Row className="mt-3 justify-content-md-center">
+      <Row className="justify-content-md-center">
         <Col xs="12" sm="9" lg="9">
           <Card>
             <CardHeader>

embark-ui/src/components/ContractsDeployment.js

@@ -180,7 +180,7 @@ const EmbarkContract = ({contract, toggleContractOverview}) => (
 );
 
 const ContractsHeader = ({deploymentPipeline, updateDeploymentPipeline}) => (
-  <Row className="mt-3">
+  <Row>
     <div className="ml-auto mr-5">
       <FormGroup row>
         <span className="mr-2">Deploy using</span>

embark-ui/src/components/Converter.js

@@ -35,7 +35,7 @@ class Converter extends React.Component {
 
   render() {
     return(
-      <Row className="mt-3 justify-content-md-center">
+      <Row className="justify-content-md-center">
         <Col xs="12" sm="9" lg="9">
           <Card>
             <CardHeader>

embark-ui/src/components/ExplorerDashboardLayout.js

@@ -12,7 +12,7 @@ import './Explorer.css';
 
 const ExplorerDashboardLayout = () => (
   <div className="explorer-overview">
-    <Row className="mt-4">
+    <Row>
       <Col>
         <AccountsContainer />
       </Col>

embark-ui/src/components/Layout.js

@@ -225,7 +225,7 @@ class Layout extends React.Component {
               {searchResult.error}
             </Alert>
 
-            <Container fluid className="h-100">
+            <Container fluid className="h-100 pt-4">
               {children}
             </Container>
           </main>

embark-ui/src/components/Processes.js

@@ -29,7 +29,7 @@ Process.propTypes = {
 };
 
 const Processes = ({processes}) => (
-  <Row className="mt-3">
+  <Row>
     {processes.map((process) => <Process key={process.name} process={process} />)}
   </Row>
 );

embark-ui/src/components/SignAndVerify.js

@@ -19,7 +19,7 @@ class SignAndVerify extends React.Component {
     this.state = {
       selectedAccount: this.props.accounts[0].address,
       messageToSign: '',
-      messageToVerify: '',
+      messageToVerify: ''
     };
   }
 
@@ -40,7 +40,7 @@ class SignAndVerify extends React.Component {
 
   render() {
     return (
-      <Row className="mt-3 justify-content-md-center">
+      <Row className="justify-content-md-center">
         <Col xs="12" sm="9" lg="6">
           <Card>
             <CardHeader>

embark-ui/src/containers/EditorContainer.css

@@ -1,4 +1,5 @@
 .editor--grid {
   margin-left: -30px !important;
   margin-right: -30px !important;
+  margin-top: -1.5rem !important;
 }

embark-ui/src/containers/EnsContainer.js

@@ -12,7 +12,7 @@ class EnsContainer extends Component {
 
   showEns() {
     return (
-      <Row className="mt-3 justify-content-md-center">
+      <Row className="justify-content-md-center">
         <Col xs="12" sm="9" lg="6">
           <EnsLookup lookup={this.props.lookup} ensRecords={this.props.ensRecords}/>
           <EnsResolve resolve={this.props.resolve} ensRecords={this.props.ensRecords}/>

embark-ui/src/containers/HomeContainer.js

@@ -35,11 +35,11 @@ class HomeContainer extends Component {
   }
 
   isEmbark() {
-    return this.state.activeProcess === EMBARK_PROCESS_NAME
+    return this.state.activeProcess === EMBARK_PROCESS_NAME;
   }
 
   updateTab(processName = EMBARK_PROCESS_NAME) {
-    this.props.stopProcessLogs(this.state.activeProcess)
+    this.props.stopProcessLogs(this.state.activeProcess);
 
     this.props.fetchProcessLogs(processName, LOG_LIMIT);
     this.props.listenToProcessLogs(processName);
@@ -93,7 +93,13 @@ HomeContainer.propTypes = {
   postCommand: PropTypes.func,
   postCommandSuggestions: PropTypes.func,
   error: PropTypes.string,
-  loading: PropTypes.bool
+  loading: PropTypes.bool,
+  stopProcessLogs: PropTypes.func,
+  fetchProcessLogs: PropTypes.func,
+  listenToProcessLogs: PropTypes.func,
+  fetchContracts: PropTypes.func,
+  services: PropTypes.array,
+  contracts: PropTypes.array
 };
 
 function mapStateToProps(state) {

embark-ui/src/containers/TransactionDecoderContainer.js

@@ -11,7 +11,7 @@ const getQueryParams = (props) => {
   return qs.parse(props.location.search, {
     ignoreQueryPrefix: true
   });
-}
+};
 
 class TransactionDecoderContainer extends Component {
 
@@ -33,7 +33,7 @@ class TransactionDecoderContainer extends Component {
 
   render() {
     return (
-      <Row className="mt-3">
+      <Row>
         <Col>
           <TransactionDecoder transaction={this.props.transaction}
                               transactionHash={getQueryParams(this.props).hash}/>

embark-ui/src/reducers/selectors.js

@@ -33,7 +33,7 @@ export function getTransactionsByAccount(state, address) {
 }
 
 export function getTransactionsByBlock(state, blockNumber) {
-  return state.entities.transactions.filter((transaction) => transaction.blockNumber.toString() === blockNumber);
+  return state.entities.transactions.filter((transaction) => transaction.hasOwnProperty('blockNumber') && transaction.blockNumber.toString() === blockNumber);
 }
 
 export function getBlocks(state) {