From 921e0db1d7f9d34b50cf82bdf79cf327c2f526a1 Mon Sep 17 00:00:00 2001
From: Zersk <marcel.tschoepe@rz.uni-freiburg.de>
Date: Tue, 3 Dec 2024 00:56:40 +0100
Subject: [PATCH] Refactor class names for error and loading divs

Updated the class names for the loading spinner and error message divs from 'loading-spinner' and 'center-message' to 'checkout-main loading-spinner' and 'checkout-main center-message', respectively. This change ensures consistency and improves CSS targeting for the checkout components.
---
 archigator/src/app/main/main.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/archigator/src/app/main/main.component.html b/archigator/src/app/main/main.component.html
index e4b058c..4782346 100644
--- a/archigator/src/app/main/main.component.html
+++ b/archigator/src/app/main/main.component.html
@@ -2,7 +2,7 @@
 
 <div class="checkout-wrapper">
 
-    <div *ngIf="loading" class="loading-spinner">
+    <div *ngIf="loading" class="checkout-main loading-spinner">
         <!-- Placeholder for your spinner; you can replace it with your spinner design -->
         <fa-icon class="spinner" [size]="'2x'" [icon]="faSpinner" [spin]="true" *ngIf="loading"></fa-icon>
         <p>Loading...</p>
@@ -41,7 +41,7 @@
 </div>
 
 <ng-template #noMetadata>
-    <div *ngIf="error" class="center-message">
+    <div *ngIf="error" class="checkout-main center-message">
         Could not load metadata
     </div>
 </ng-template>