From e2cb3d974a10bc15d288d8d02a4629b0d5803a05 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Mon, 8 Jul 2024 21:15:46 +0200
Subject: [PATCH] Fix asset card.

---
 .../components/assets/asset.component.html    | 42 +++++++++----------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/frontend/src/app/shared/components/assets/asset.component.html b/frontend/src/app/shared/components/assets/asset.component.html
index e6c645a97..a6d221fbb 100644
--- a/frontend/src/app/shared/components/assets/asset.component.html
+++ b/frontend/src/app/shared/components/assets/asset.component.html
@@ -95,33 +95,31 @@
                         <div class="drop-overlay-text">{{ "assets.dropToUpdate" | sqxTranslate }}</div>
                     </div>
                 </div>
-
-                @if (snapshot.progress > 0) {
-                    <div class="upload-progress">
-                        <sqx-progress-bar mode="Circle" [value]="snapshot.progress"></sqx-progress-bar>
-                    </div>
-                }
+            } @else if (snapshot.progress > 0) {
+                <div class="upload-progress">
+                    <sqx-progress-bar mode="Circle" [value]="snapshot.progress"></sqx-progress-bar>
+                </div>
             }
+        </div>
 
+        <div class="card-footer" (dblclick)="emitEdit()">
             @if (asset) {
-                <div class="card-footer" (dblclick)="emitEdit()">
-                    <div>
-                        <div class="file-name truncate editable" (click)="emitEdit()">
-                            @if (asset.isProtected) {
-                                <i class="icon-lock"></i>
-                            }
-
-                            {{ asset.fileName }}
-                        </div>
-                    </div>
-                    <div class="file-tags tags">
-                        @for (tag of asset.tags; track tag) {
-                            <div class="tag">{{ tag }}</div>
+                <div>
+                    <div class="file-name truncate editable" (click)="emitEdit()">
+                        @if (asset.isProtected) {
+                            <i class="icon-lock"></i>
                         }
+
+                        {{ asset.fileName }}
                     </div>
-                    <div class="file-info">
-                        {{ asset.metadataText }}
-                    </div>
+                </div>
+                <div class="file-tags tags">
+                    @for (tag of asset.tags; track tag) {
+                        <div class="tag">{{ tag }}</div>
+                    }
+                </div>
+                <div class="file-info">
+                    {{ asset.metadataText }}
                 </div>
             }
         </div>