Fix indentation

src/app/components/shared/footer/footer.component.html

 <div>
 
-  <mat-toolbar id="footer-toolbar" class="mat-elevation-z24">
+  <mat-toolbar class="mat-elevation-z24" id="footer-toolbar">
 
-    <button class="focus_button" mat-button (click)="showDemo()"
-            aria-labelledby="demo-label">
+    <button (click)="showDemo()" aria-labelledby="demo-label" class="focus_button"
+            mat-button>
       <mat-icon>flag</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
         {{ 'footer.demo' | translate }}
@@ -12,8 +12,8 @@
 
     <span class="fill-remaining-space"></span>
 
-    <button class="focus_button" mat-button
-            aria-labelledby="style-label" [matMenuTriggerFor]="themeMenu">
+    <button [matMenuTriggerFor]="themeMenu" aria-labelledby="style-label"
+            class="focus_button" mat-button>
       <mat-icon>accessibility_new</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
           {{'footer.style' | translate}}
@@ -21,9 +21,9 @@
     </button>
 
     <span class="fill-remaining-space"></span>
-    <button class="focus_button" id="language-menu" mat-button
-            aria-labelledby="language-label"
-            [matMenuTriggerFor]="langMenu">
+    <button [matMenuTriggerFor]="langMenu" aria-labelledby="language-label" class="focus_button"
+            id="language-menu"
+            mat-button>
       <mat-icon>language</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
           {{'footer.language' | translate}}
@@ -32,8 +32,8 @@
 
     <span class="fill-remaining-space"></span>
 
-    <button class="focus_button" (click)="showDataProtection()" mat-button
-            aria-labelledby="data-protection-label">
+    <button (click)="showDataProtection()" aria-labelledby="data-protection-label" class="focus_button"
+            mat-button>
       <mat-icon>security</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
         {{'footer.dsgvo' | translate}}
@@ -42,22 +42,22 @@
 
     <span class="fill-remaining-space"></span>
 
-    <button class="focus_button" (click)="showImprint()" mat-button aria-labelledby="imprint-label">
+    <button (click)="showImprint()" aria-labelledby="imprint-label" class="focus_button" mat-button>
       <mat-icon>info</mat-icon>
       <span *ngIf="deviceType === 'desktop'">
         {{'footer.imprint' | translate}}
       </span>
     </button>
 
-    
-    <mat-menu class="color-menu" #themeMenu="matMenu" [overlapTrigger]="false" cdkTrapFocus>
-      <button *ngFor="let theme of themes" mat-menu-item style="height:50px;" (click)="changeTheme(theme)">
+
+    <mat-menu #themeMenu="matMenu" [overlapTrigger]="false" cdkTrapFocus class="color-menu">
+      <button (click)="changeTheme(theme)" *ngFor="let theme of themes" mat-menu-item style="height:50px;">
         <div class="btnContent">
-          <div class="btnColorIcon" [ngStyle]="{
-'background-color':theme.getPreviewColor()}">
-            <div class="checked" [ngClass]="{
+          <div [ngStyle]="{
+'background-color':theme.getPreviewColor()}" class="btnColorIcon">
+            <div [ngClass]="{
 'checked_true':theme.key===themeClass,
-'checked_false':theme.key!==themeClass}">
+'checked_false':theme.key!==themeClass}" class="checked">
               <mat-icon [ngStyle]="{'color':theme.getOnPreviewColor()}">
                 checked
               </mat-icon>
@@ -76,8 +76,8 @@
     </mat-menu>
 
     <mat-menu #langMenu="matMenu" [overlapTrigger]="false">
-      <button class="focus_item" mat-menu-item (click)="useLanguage('de')">{{ 'footer.german' | translate }}</button>
-      <button class="focus_item" mat-menu-item (click)="useLanguage('en')">{{ 'footer.english' | translate }}</button>
+      <button (click)="useLanguage('de')" class="focus_item" mat-menu-item>{{ 'footer.german' | translate }}</button>
+      <button (click)="useLanguage('en')" class="focus_item" mat-menu-item>{{ 'footer.english' | translate }}</button>
     </mat-menu>
 
   </mat-toolbar>