[FIX] test options styling

src/ClassicTestStart.js

@@ -5,6 +5,7 @@ import Checkbox from '@material-ui/core/Checkbox';
 
 import Slider from "rc-slider";
 import "rc-slider/assets/index.css";
+import "./css/SliderOverlay.css";
 
 export default function ClassicTestStart(props) {
 	return (
@@ -52,6 +53,7 @@ export default function ClassicTestStart(props) {
 					/>
 				</div>
 
+				<div className="test-options-container">
 					<label>
 						<Checkbox
 							checked={props.switchLanguage}
@@ -60,7 +62,6 @@ export default function ClassicTestStart(props) {
 						/>
 						<span>Switch language</span>
 					</label>
-
 					<label>
 						<Checkbox
 							checked={props.ignoreCaps}
@@ -69,6 +70,7 @@ export default function ClassicTestStart(props) {
 						/>
 						<span>Ignore capitals</span>
 					</label>
+				</div>
 
 				<Button
 					onClick={() => props.startTest("questions")}

src/LivesTestStart.js

@@ -5,6 +5,7 @@ import Checkbox from '@material-ui/core/Checkbox';
 
 import Slider from "rc-slider";
 import "rc-slider/assets/index.css";
+import "./css/SliderOverlay.css";
 
 export default function LivesTestStart(props) {
 	return (
@@ -52,6 +53,7 @@ export default function LivesTestStart(props) {
 					/>
 				</div>
 
+				<div className="test-options-container">
 					<label>
 						<Checkbox
 							checked={props.switchLanguage}
@@ -60,7 +62,6 @@ export default function LivesTestStart(props) {
 						/>
 						<span>Switch language</span>
 					</label>
-
 					<label>
 						<Checkbox
 							checked={props.ignoreCaps}
@@ -69,6 +70,7 @@ export default function LivesTestStart(props) {
 						/>
 						<span>Ignore capitals</span>
 					</label>
+				</div>
 
 				<Button
 					onClick={() => props.startTest("lives")}

src/LoggedInHome.js

@@ -21,7 +21,6 @@ import "./css/History.css";
 import "./css/LoggedInHome.css";
 import "./css/PopUp.css";
 import "./css/OptionsListOverlay.css";
-import "./css/SliderOverlay.css";
 
 import { withRouter } from "react-router-dom";
 

src/css/SliderOverlay.css

@@ -29,6 +29,15 @@
 	width: 26px;
 }
 
+.test-options-container {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	column-gap: 32px;
+	flex-wrap: wrap;
+}
+
 
 @media screen and (max-width: 500px) {
 	.slider-overlay-content {