allow wider margins

app/components/App.js

@@ -28,7 +28,9 @@ export class App extends React.Component {
 
   render(){
     const companyList = this.state.companies.map((company, id) => {
-      return <Company companyObj={company} key={"company_" + id} />
+      if(Object.keys(company.devices).length > 0){
+        return <Company companyObj={company} key={"company_" + id} />
+      }
     })
 
     const loading = <div style={{textAlign: "center", paddingTop: "25px"}}><h1>Loading...</h1></div>

app/components/Company.js

@@ -33,7 +33,7 @@ export class Company extends React.Component {
 
 
     return (
-      <div className="company ui container" id={this.props.id}>
+      <div className="company" style={{marginLeft: "10px", marginRight: "10px"}} id={this.props.id}>
         <h1 className="ui dividing header">{this.props.companyObj.name}</h1>
         {maxWaterSystemCode} 
       </div>