Settings tweaks

components/Settings/GameLinks.tsx

@@ -3,11 +3,11 @@
 import { useAppContext } from '@/app/AppContext';
 import CopyButton from '@/components/CopyButton';
 
-export default function Links() {
+export default function Links({ className }: { className?: string }) {
 	const { gameData, isDM } = useAppContext();
 
 	return (
-		<>
+		<div className={`w-full flex flex-col justify-between gap-2 ${className}`}>
 			{isDM && (
 				<CopyButton
 					title="Copy DM link"
@@ -22,6 +22,6 @@ export default function Links() {
 				tooltip={`${location.origin}/${gameData.spectatorID}`}
 				className="flex flex-row content-between w-full py-1 px-2 transition-all duration-250 bg-slate-700 hover:bg-slate-600 hover:text-yellow-300 rounded-lg shadow"
 			/>
-		</>
+		</div>
 	);
 }