From 30b94b05f62740ea5456049ddc85963b0c78ff88 Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Tue, 14 May 2024 13:23:22 +0200
Subject: [PATCH] fix: make loading spinner smaller

---
 components/LoadingSpinner/loading.module.css     | 16 ++++++++--------
 .../Benefits/CurrentLevel/current.module.css     |  1 -
 .../CardGrid/cardGrid.module.css                 |  2 +-
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/components/LoadingSpinner/loading.module.css b/components/LoadingSpinner/loading.module.css
index 0c2a7da70..dd10b4d09 100644
--- a/components/LoadingSpinner/loading.module.css
+++ b/components/LoadingSpinner/loading.module.css
@@ -2,18 +2,18 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 200px;
+  height: 100px;
 }
 
 .spinner {
   display: inline-block;
   position: relative;
-  width: 80px;
-  height: 80px;
+  width: 40px;
+  height: 40px;
 }
 
 .spinner div {
-  transform-origin: 40px 40px;
+  transform-origin: 20px 20px;
   animation: spinnerAnimation 1.2s linear infinite;
 }
 
@@ -21,10 +21,10 @@
   content: " ";
   display: block;
   position: absolute;
-  top: 3px;
-  left: 37px;
-  width: 6px;
-  height: 18px;
+  top: 1.5px;
+  left: 18.5px;
+  width: 3px;
+  height: 9px;
   border-radius: 20%;
   background: var(--Brand-Main-Strong);
 }
diff --git a/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css b/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
index 5c4fc1a9f..dafb4e7bf 100644
--- a/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
+++ b/components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
@@ -38,5 +38,4 @@
   text-decoration: none;
   text-align: center;
   color: var(--Theme-Primary-Light-On-Surface-Text);
-  aspect-ratio: 1/1;
 }
diff --git a/components/TempDesignSystem/CardGrid/cardGrid.module.css b/components/TempDesignSystem/CardGrid/cardGrid.module.css
index 47d00a8c5..78859c6e6 100644
--- a/components/TempDesignSystem/CardGrid/cardGrid.module.css
+++ b/components/TempDesignSystem/CardGrid/cardGrid.module.css
@@ -42,7 +42,7 @@
   }
 
   .treeColumnGrid {
-    grid-template-columns: repeat(3, minmax(30rem, 1fr));
+    grid-template-columns: repeat(3, 1fr);
   }
 
   .carousel {