1 files changed, 39 insertions, 5 deletions
diff --git a/src/components/gameSettings.tsx b/src/components/gameSettings.tsx
index 86dea5b..bd28221 100644
--- a/src/components/gameSettings.tsx
+++ b/src/components/gameSettings.tsx
@@ -2,13 +2,47 @@
 // gameID: string;
 // }
 
+import { Button } from './ui';
+
+import BuildRoundedIcon from '@material-ui/icons/BuildRounded';
+
 export function CurrentGameSettings(/*props: CurrentGameSettingsProps*/) {
-	return <div>
-		<p style={{ opacity: .6, fontStyle: "italic" }}>
-		Geen tijdslimiet<br/>
-		Standaardregels<br/>
-		Gerangschikt
+	return <div style={{
+		position: "relative",
+		height: 80
+	}}>
+		<p style={{
+			opacity: .6,
+			fontStyle: "italic",
+			userSelect: "none",
+			position: "absolute",
+			top: "50%",
+			left: 0,
+			transform: "translateY(-50%)"
+		}}>
+			Geen tijdslimiet<br/>
+			Standaardregels<br/>
+			Gerangschikt
 		</p>
+		<Button style={{
+			width: 150,
+			position: "absolute",
+			top: "50%",
+			right: 0,
+			transform: "translateY(-50%)"
+		}}>
+			<BuildRoundedIcon style={{ fontSize: 48 }}/>
+			<span style={{
+				fontWeight: 600,
+				position: "absolute",
+				right: 24,
+				top: "50%",
+				width: 85,
+				verticalAlign: "middle",
+				textAlign: "center",
+				transform: "translateY(-50%)"
+			}}>Spelregels aanpassen</span>
+		</Button>
 	</div>;
 
 }