From 467c1ae231026832b02302c625dfa81a9e1ed221 Mon Sep 17 00:00:00 2001
From: Daniel Heckert <daniel.heckert@wps.de>
Date: Tue, 24 Sep 2024 13:06:41 +0200
Subject: [PATCH] #55 formatter

---
 .../export-dialog.component.html              | 58 +++++++++----------
 .../export-dialog.component.scss              |  1 -
 2 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/app/tools/export/presentation/export-dialog/export-dialog.component.html b/src/app/tools/export/presentation/export-dialog/export-dialog.component.html
index 723b5577..33e81f35 100644
--- a/src/app/tools/export/presentation/export-dialog/export-dialog.component.html
+++ b/src/app/tools/export/presentation/export-dialog/export-dialog.component.html
@@ -3,41 +3,41 @@ <h2 class="bold-2">{{ title }}</h2>
   <div class="card">
     <span>Options for image export:</span>
     <label class="row">
-    <input
-      type="checkbox"
-      [checked]="withTitle | async"
-      (change)="updateWithTitle($event)"
-    />
-    Add title and description to image
+      <input
+        type="checkbox"
+        [checked]="withTitle | async"
+        (change)="updateWithTitle($event)"
+      />
+      Add title and description to image
     </label>
     <label class="row">
-    <input
-      type="checkbox"
-      [checked]="useWhiteBackground | async"
-      (change)="updateUseWhiteBackground($event)"
-    />
-    Add white background to SVG (default: transparent)
-  </label>
-    <div class="row">
-    <input type="checkbox" [(ngModel)]="isAnimatedSvgExport" />
-    <span (click)="onExportAnimatedSvg()">Export animated SVG.</span>
-    @if (isAnimatedSvgExport) {
-      <span>Animation speed:</span>
       <input
-        class="number-input"
-        [(ngModel)]="animationSpeed"
-        [max]="9"
-        [min]="1"
-        [maxLength]="1"
-        oninput="this.value = this.value.replace(/[^1-9]/g, '');"
+        type="checkbox"
+        [checked]="useWhiteBackground | async"
+        (change)="updateUseWhiteBackground($event)"
       />
-      <span (click)="onExportAnimatedSvg()">seconds</span>
-    }
-  </div>
+      Add white background to SVG (default: transparent)
+    </label>
+    <div class="row">
+      <input type="checkbox" [(ngModel)]="isAnimatedSvgExport" />
+      <span (click)="onExportAnimatedSvg()">Export animated SVG.</span>
+      @if (isAnimatedSvgExport) {
+        <span>Animation speed:</span>
+        <input
+          class="number-input"
+          [(ngModel)]="animationSpeed"
+          [max]="9"
+          [min]="1"
+          [maxLength]="1"
+          oninput="this.value = this.value.replace(/[^1-9]/g, '');"
+        />
+        <span (click)="onExportAnimatedSvg()">seconds</span>
+      }
+    </div>
   </div>
 </mat-dialog-content>
-<br>
-<br>
+<br />
+<br />
 <mat-dialog-actions>
   <div>
     <button mat-flat-button (click)="close()">Cancel</button>
diff --git a/src/app/tools/export/presentation/export-dialog/export-dialog.component.scss b/src/app/tools/export/presentation/export-dialog/export-dialog.component.scss
index bdcd88f8..2d0f2afc 100644
--- a/src/app/tools/export/presentation/export-dialog/export-dialog.component.scss
+++ b/src/app/tools/export/presentation/export-dialog/export-dialog.component.scss
@@ -24,7 +24,6 @@
   outline: none; /* Remove default outline */
   border-color: var(--borderGray10); /* Change border color */
   box-shadow: 0 0 5px var(--borderGray10); /* Optional: Add a glowing effect */
-
 }
 
 .row {