diff --git a/src/app/components/home/new-landing/new-landing.component.html b/src/app/components/home/new-landing/new-landing.component.html index 96344e6cfd1dbcace04c8013e73146da22972d8e..5647e64dfe6f2e80f39b0cb2e7628c1af4cfdfb6 100644 --- a/src/app/components/home/new-landing/new-landing.component.html +++ b/src/app/components/home/new-landing/new-landing.component.html @@ -16,8 +16,9 @@ </div> </form> <button mat-button class="demo" color="primary">Demo Session<mat-icon color="accent">lightbulb_outline</mat-icon></button> - <button mat-fab color="accent" (click)="openCreateRoomDialog()"> + <button mat-fab class="fab-extended" color="accent" (click)="openCreateRoomDialog()"> <mat-icon class="add">add</mat-icon> + Create Session </button> <h3>Neue Session erstellen!</h3> </div> diff --git a/src/app/components/home/new-landing/new-landing.component.scss b/src/app/components/home/new-landing/new-landing.component.scss index 6348c943519150b6b6c4fd9ce7282d9c556edcb0..3e5054880c959d78e2f631ae7597ca7e5f246434 100644 --- a/src/app/components/home/new-landing/new-landing.component.scss +++ b/src/app/components/home/new-landing/new-landing.component.scss @@ -10,3 +10,11 @@ h3 { color: #4db6ac; text-align: center; } + +.fab-extended { + width: 70%; + height: 48px; + padding: 0px; + border-radius: 32px; + justify-content: center; +}