Add a background to each of the options

web-svelte/src/views/lobby/multiplayer.svelte

@@ -103,15 +103,17 @@ function toggleOption(e: CustomEvent<string>) {
 			<h2>Options</h2>
 			<div class="options-box">
 				{#each visibleOptions as option}
-					<SciFiCheckbox
-						name="{option.name}"
-						id="{option.id}"
-						disabled="{!$isHost}"
-						bind:state="{option.active}"
-						on:toggle="{toggleOption}"
-					>
-						{option.name}
-					</SciFiCheckbox>
+					<div>
+						<SciFiCheckbox
+							name="{option.name}"
+							id="{option.id}"
+							disabled="{!$isHost}"
+							bind:state="{option.active}"
+							on:toggle="{toggleOption}"
+						>
+							{option.name}
+						</SciFiCheckbox>
+					</div>
 				{/each}
 			</div>
 		</div>
@@ -183,6 +185,13 @@ h1 {
 	display: flex;
 	justify-content: space-evenly;
 	flex-wrap: wrap;
+
+	> div {
+		background: rgba(255, 255, 255, 0.1);
+		border-radius: 5px;
+		padding: 3px 7px;
+		margin-bottom: 10px;
+	}
 }
 
 .info-button-container {