organization.component.html

<div>
  <moya-organization-list (selected)="onOrganizationChange($event)" style="float:top, left;"></moya-organization-list>
  <h1 style="text-align:center; margin-left:25%; display:inline-block">
    Welcome to {{ title }}!
  </h1>
  <a style="float:right; font-size:20px; margin-top: 20px" href="#">Moya Login</a>
</div>
<div style="width:50%; float:left">
  <h2 style="margin-left: 10px">Tulevat tapahtumat</h2>
  <moya-event-list [organization]="currentOrganization" style="margin-top:5em;"></moya-event-list>
</div>
<div style="width:50%; float:right">
  <h2>Ei omaa organisaatiota?</h2>
  <button mat-button (click)="newOrg()">Create new organization</button>
  <moya-new-organization></moya-new-organization>
  <moya-new-event></moya-new-event>
</div>