beginsels spelregels aanpassen dialoogvenster

1 files changed, 12 insertions, 3 deletions

diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 9446a5f..2daa90b 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -1,7 +1,14 @@
+import { CSSProperties } from 'react';
+
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
 import { Vierkant } from '../components/ui';
 /* import { AccountAvatar } from '../components/account'; */
+import { CurrentGameSettings, EditGameSettings } from '../components/gameSettings';
+
+var SettingsSectionHeaderStyle: CSSProperties = {
+	marginBottom: 24
+}
 
 export default function SettingsPage() {
 	return (
@@ -10,14 +17,16 @@ export default function SettingsPage() {
 			<CenteredPage width={802}>
 				<PageTitle>Instellingen</PageTitle>
 				<Vierkant width="calc(100% - 12px)">
-					<h2>Account</h2>
+					<h2 style={SettingsSectionHeaderStyle}>Account</h2>
 				</Vierkant>
 				<Vierkant width="calc(100% - 12px)">
-					<h2>Kleuren</h2>
+					<h2 style={SettingsSectionHeaderStyle}>Kleuren</h2>
 				</Vierkant>
 				<Vierkant width="calc(100% - 12px)">
-					<h2>Standaard spelregels</h2>
+					<h2 style={SettingsSectionHeaderStyle}>Standaard spelregels</h2>
+					<CurrentGameSettings/>
 				</Vierkant>
+				<EditGameSettings/>
 			</CenteredPage>
 		</div>
 	);