for aside style

embark-ui/src/components/ContractOverview.js

@@ -97,7 +97,11 @@ class ContractFunction extends Component {
   render() {
     return (
       <Card className="contract-function-container">
-        <CardHeader className={classnames({collapsable: !ContractFunction.isEvent(this.props.method), closed: !this.state.functionCollapse})}
+        <CardHeader className={classnames({
+          collapsable: !ContractFunction.isEvent(this.props.method),
+          'border-bottom-0': !this.state.functionCollapse,
+          'rounded': !this.state.functionCollapse
+        })}
                     onClick={() => this.toggleFunction()}>
           <CardTitle>
             {ContractFunction.isPureCall(this.props.method) && Boolean(this.props.method.inputs.length) &&

embark-ui/src/containers/EditorContainer.js

@@ -71,7 +71,7 @@ class EditorContainer extends React.Component {
         <Col xs={this.textEditorXsSize()} md={this.textEditorMdSize()} style={{overflow: 'hidden'}}>
           <TextEditorContainer currentFile={this.props.currentFile} onFileContentChange={(newContent) => this.onFileContentChange(newContent)} />
         </Col>
-        {this.state.currentAsideTab && <Col xs={6} md={3} className="editor-aside">
+        {this.state.currentAsideTab && <Col xs={6} md={3} className="editor-aside border-left-0">
           <TextEditorAsideContainer currentAsideTab={this.state.currentAsideTab} currentFile={this.props.currentFile} />
         </Col>}
       </Row>

embark-ui/src/containers/TextEditorAsideContainer.js

@@ -56,7 +56,7 @@ class TextEditorAsideContainer extends Component {
   render() {
     return this.props.contracts.map((contract, index) => {
       return (
-        <Card key={'contract-' + index} className="explorer-aside-card">
+        <Card key={'contract-' + index} className="editor-aside-card rounded-0 border-top-0">
           <CardBody>
             {this.renderContent(contract, index)}
           </CardBody>