fix #287 (#289)

Co-authored-by: Rich Harris <[email protected]>

Author: Rich-Harris

src/routes/tutorial/[slug]/+page.svelte

@@ -345,11 +345,19 @@
 		flex-direction: row;
 		align-items: center;
 		padding: 1rem;
+		gap: 1rem;
 	}
 
 	.mobile .navigator .file {
 		flex: 1;
 		text-align: left;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+
+		/* put ellipsis at start */
+		direction: rtl;
+		text-align: left;
 	}
 
 	.mobile .navigator .solve {