From c91c218a6e8be0701e191945da6e7c3daa9d9541 Mon Sep 17 00:00:00 2001
From: f0x <f0x@cthu.lu>
Date: Thu, 12 Jan 2023 23:48:22 +0000
Subject: [PATCH] loading icon styling to prevent big spinny

---
 web/source/settings/components/loading.jsx | 2 +-
 web/source/settings/style.css              | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/source/settings/components/loading.jsx b/web/source/settings/components/loading.jsx
index f5648285b..a278e6466 100644
--- a/web/source/settings/components/loading.jsx
+++ b/web/source/settings/components/loading.jsx
@@ -22,6 +22,6 @@ const React = require("react");
 
 module.exports = function Loading() {
 	return (
-		<i className="fa fa-spin fa-refresh" aria-label="Loading" title="Loading"/>
+		<i className="fa fa-spin fa-refresh loading-icon" aria-label="Loading" title="Loading" />
 	);
 };
\ No newline at end of file
diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 6adff55af..185c9c17b 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -702,6 +702,10 @@ button.with-icon {
 	}
 }
 
+.loading-icon {
+	align-self: flex-start;
+}
+
 .fadeout {
 	animation-name: fadeout;
 	animation-duration: 0.5s;