From 7e601953e6e255225985e6cd1f47b109e1707ccb Mon Sep 17 00:00:00 2001
From: Ivan23BG <ilejeune@outlook.com>
Date: Tue, 16 Apr 2024 21:45:21 +0200
Subject: [PATCH] Add spinner and loader styles to game_hex_marine_skin.css

---
 .../static/css/game_hex_marine_skin.css       | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/main/game_ui/static/css/game_hex_marine_skin.css b/src/main/game_ui/static/css/game_hex_marine_skin.css
index cd0b6bc..40f4a0f 100644
--- a/src/main/game_ui/static/css/game_hex_marine_skin.css
+++ b/src/main/game_ui/static/css/game_hex_marine_skin.css
@@ -100,6 +100,30 @@ html {
     display: flex;
 }
 
+#spinner {
+    margin-left: 10px; /* Add some space between the spinner and the buttons */
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 8px solid #3498db;
+    width: 40px;
+    height: 40px;
+    -webkit-animation: spin 2s linear infinite; /* Safari */
+    animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
 .hexgame {
     margin: auto;
     width: 50%;