✨ Add ability to delete all leaderboard

src/components/Leaderboard/styles.scss

@@ -9,14 +9,14 @@
 	display: flex;
 	flex-direction: column;
 	width: 95svw;
-	max-width: 500px;
+	max-width: 600px;
 	border-radius: 5px;
 	background-color: #fff;
 	overflow: hidden;
 
 	& > .header {
 		display: grid;
-		grid-template-columns: 1em repeat(2, 1fr);
+		grid-template-columns: 1em 1fr 1fr 0.7fr 1fr;
 		gap: 30px;
 		padding: 15px 20px;
 		background-color: #333;
@@ -47,7 +47,9 @@
 
 		& > .score {
 			display: grid;
-			grid-template-columns: 1em repeat(2, 1fr);
+			grid-template-columns: 1em 1fr 1fr 0.7fr 1fr;
+			align-items: center;
+			justify-content: center;
 			gap: 30px;
 			padding: 10px 20px;
 			background-color: #e1e1e1;
@@ -59,7 +61,7 @@
 				}
 
 				&:last-child {
-					justify-self: end;
+					text-align: right;
 					font-weight: 600;
 				}
 			}
@@ -73,7 +75,8 @@
 
 .controls {
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
+	grid-template-columns: repeat(2, 1fr);
+	grid-template-rows: repeat(2, 1fr);
 	gap: 10px;
 	width: 100%;
 
@@ -100,12 +103,16 @@
 			background-color: #f39440;
 		}
 
+		&.replay {
+			background-color: #f39440;
+		}
+
 		&.clear {
 			background-color: #ca5940;
 		}
 
-		&.replay {
-			background-color: #f39440;
+		&.clearAll {
+			background-color: hsl(0, 57%, 52%);
 		}
 
 		& > svg {