From 00811644d9ab554c3a314be04c99e341e5631fef Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 8 Jan 2021 12:11:45 +0100
Subject: beginsels spelregels aanpassen dialoogvenster

---
 src/pages/settings.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'src/pages/settings.tsx')

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>
 	);
-- 
cgit v1.2.3

