From 41c342bb0f8a7a71a52527ac77bc00410ff92775 Mon Sep 17 00:00:00 2001
From: ThompsonNye <thomas.nuyken@noreply.code.nuyken.dev>
Date: Thu, 19 Jun 2025 18:56:24 +0200
Subject: [PATCH] Add more accurate loading skeletons

---
 src/Vegasco-Web/.vscode/launch.json                   |  2 +-
 .../entries/edit-entry/edit-entry.component.html      | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/Vegasco-Web/.vscode/launch.json b/src/Vegasco-Web/.vscode/launch.json
index 80a5fe9..45307d0 100644
--- a/src/Vegasco-Web/.vscode/launch.json
+++ b/src/Vegasco-Web/.vscode/launch.json
@@ -3,7 +3,7 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Launch (Chrome)",
+      "name": "Launch Web (Chrome)",
       "type": "chrome",
       "request": "launch",
       "preLaunchTask": "npm: start",
diff --git a/src/Vegasco-Web/src/app/modules/entries/edit-entry/edit-entry.component.html b/src/Vegasco-Web/src/app/modules/entries/edit-entry/edit-entry.component.html
index 1ee6f31..55de4e4 100644
--- a/src/Vegasco-Web/src/app/modules/entries/edit-entry/edit-entry.component.html
+++ b/src/Vegasco-Web/src/app/modules/entries/edit-entry/edit-entry.component.html
@@ -1,5 +1,14 @@
 @if (isLoading()) {
-  <p-skeleton height="4rem" styleClass="mb-2" />
+  <div class="flex flex-col gap-6">
+    <p-skeleton height="3.5rem" />
+    <p-skeleton height="3.5rem" />
+    <p-skeleton height="3.5rem" />
+    <p-skeleton height="3.5rem" />
+    <div class="flex flex-row gap-4">
+      <p-skeleton height="3.5rem" width="10rem" />
+      <p-skeleton height="3.5rem" width="10rem" />
+    </div>
+  </div>
 } @else {
   <form [formGroup]="formGroup" class="flex flex-col gap-4" (ngSubmit)="onSubmit()">