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">Coming events</h2>
  <moya-event-list *ngIf="currentOrganization" [organization]="currentOrganization" style="margin-top:5em;"></moya-event-list>
</div>
<div style="width:50%; float:right" >
  <h2>Ei omaa organisaatiota?</h2>
  <a [routerLink]="['/new-organization']"><button mat-button >Create new organization</button></a>
  <a *ngIf="currentOrganization" [routerLink]="['/new-event', currentOrganization.id]"><button mat-button >Create new event</button></a>
</div>