Minor mobile layout fixes Closes #1922

Sendouc · Oct 10, 2024 · de9cb60 · de9cb60
1 parent 4beec2a
commit de9cb60
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/app/features/calendar/routes/calendar.tsx b/app/features/calendar/routes/calendar.tsx
@@ -394,7 +394,7 @@ function EventsList({
 				}
 
 				const sectionWeekday = daysDate.toLocaleString(i18n.language, {
-					weekday: "long",
+					weekday: "short",
 				});
 
 				return (
@@ -418,7 +418,7 @@ function EventsList({
 								const eventWeekday = databaseTimestampToDate(
 									calendarEvent.startTime,
 								).toLocaleString(i18n.language, {
-									weekday: "long",
+									weekday: "short",
 								});
 
 								const startTimeDate = databaseTimestampToDate(

diff --git a/app/features/tournament/routes/to.$id.results.tsx b/app/features/tournament/routes/to.$id.results.tsx
@@ -92,7 +92,7 @@ export default function TournamentResultsPage() {
 											tournamentId: tournament.ctx.id,
 											tournamentTeamId: standing.team.id,
 										})}
-										className="stack xs horizontal items-center text-main-forced"
+										className="tournament__standings__team-name"
 										data-testid="result-team-name"
 									>
 										{teamLogoSrc ? (

diff --git a/app/features/tournament/tournament.css b/app/features/tournament/tournament.css
@@ -628,3 +628,12 @@
 .tournament__standings__match-result-square--loss {
 	border-color: var(--theme-error);
 }
+
+.tournament__standings__team-name {
+	min-width: 125px;
+	word-break: break-word;
+	display: flex;
+	gap: var(--s-1-5);
+	align-items: center;
+	color: var(--text);
+}