diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html index d08c24a087bc320a73a3c4d822e4596087dd9368..4a9a0908ddfacf470a455af18ca24013016cd08b 100644 --- a/src/app/components/shared/footer/footer.component.html +++ b/src/app/components/shared/footer/footer.component.html @@ -1,9 +1,18 @@ <footer> <mat-toolbar> - <button mat-button (click)="navToBlog()">Blog</button> + <button mat-button (click)="navToBlog()"> + <mat-icon>notes</mat-icon> + Blog + </button> <span class="fill-remaining-space"></span> - <button mat-button (click)="navToDSGVO()">DSGVO</button> + <button mat-button (click)="navToDSGVO()"> + <mat-icon>security</mat-icon> + DSGVO + </button> <span class="fill-remaining-space"></span> - <button mat-button (click)="navToImprint()">Impressum</button> + <button mat-button (click)="navToImprint()"> + <mat-icon>info</mat-icon> + Impressum + </button> </mat-toolbar> </footer> diff --git a/src/app/components/shared/footer/footer.component.scss b/src/app/components/shared/footer/footer.component.scss index 97bba6929502cb49b703697086809bbd5a0d9634..459519ea5e90842efa770b4c557f6091e58b7050 100644 --- a/src/app/components/shared/footer/footer.component.scss +++ b/src/app/components/shared/footer/footer.component.scss @@ -1,38 +1,15 @@ footer { - overflow-y: auto; -} - -mat-expansion-panel { - background-color: rgb(235, 235, 235); - color: rgb(60, 60, 60); - height: auto; + overflow-y: auto; } mat-toolbar { background-color: rgb(240, 240, 240); - color: rgb(140, 140, 140); + color: rgb(140, 140, 140); height: auto; } button { min-height: 28px; font-size: 12px; - color: rgb(140, 140, 140); + color: rgb(140, 140, 140); } - -.container { - display: flex; - justify-content: space-around; -} - -/* Small screens */ -@media all and (max-width: 300px) { - .container { - flex-direction: column; - margin: auto; - } - - mat-toolbar { - height: auto; - } -} \ No newline at end of file