sidemenu shows

src/app/modules/songs/song-list/song-list.component.html

@@ -2,9 +2,6 @@
 <app-sidebar>
   <div sidebar class="sidebar-content">
     <app-filter [songs]="songs"></app-filter>
-    <div class="sidebar-actions">
-      <app-button [icon]="faNewSong" routerLink="new">Neuen Song anlegen</app-button>
-    </div>
   </div>
   <div content>
     <app-card [padding]="false">
@@ -42,6 +39,9 @@
         <div>{{ song.key }}</div>
       </div>
       }
+      <div *appRole="['contributor']" class="list-action">
+        <app-button [fullWidth]="true" [icon]="faNewSong" routerLink="new">Neuen Song anlegen</app-button>
+      </div>
     </app-card>
   </div>
 </app-sidebar>

src/app/modules/songs/song-list/song-list.component.less

@@ -1,13 +1,5 @@
 .sidebar-content {
   padding: 20px;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-}
-
-.sidebar-actions {
-  margin-top: auto;
 }
 
 .list-item {

src/app/modules/songs/songs-routing.module.ts

@@ -6,6 +6,7 @@ import {EditComponent} from './song/edit/edit.component';
 import {NewComponent} from './song/new/new.component';
 import {EditSongGuard} from './song/edit/edit-song.guard';
 import {SongListResolver} from './services/song-list.resolver';
+import {RoleGuard} from '../../widget-modules/guards/role.guard';
 
 const routes: Routes = [
   {
@@ -19,6 +20,10 @@ const routes: Routes = [
   {
     path: 'new',
     component: NewComponent,
+    canActivate: [RoleGuard],
+    data: {
+      requiredRoles: ['contributor'],
+    },
   },
   {
     path: ':songId/edit',