Change default spinning loader to block, with an option for inline layout.

src/Components/Loaders/SpinningLoader.tsx

@@ -1,8 +1,9 @@
 import React from "react";
+import {classes} from "../../Utils";
 
-export function SpinningLoader()
+export function SpinningLoader({ inline }: { inline?: boolean; })
 {
 	return (
-		<div className={"spinning loader"}></div>
+		<div className={classes("spinning loader", inline ? "inline" : undefined)}></div>
 	);
 }

src/styles/components/loaders/_spinning.less

@@ -1,8 +1,8 @@
 .spinning.loader
 {
 	position: relative;
-	display: inline-block;
-	margin: 1em;
+	display: block;
+	margin: 1em auto;
 	width: 2.5em;
 	height: 2.5em;
 	border-radius: 50%;
@@ -26,6 +26,12 @@
 		border: 0.3em solid transparent;
 		border-bottom-color: var(--primary);
 	}
+
+	&.inline
+	{
+		display: inline-block;
+		margin: 1em;
+	}
 }
 
 @keyframes spinning-loader-rotation