Fix text wrapping in challenge score card

The score and the unit should always be on the same line.
veloek · Feb 29, 2024 · 3e04d41 · 3e04d41
1 parent b7c5334
commit 3e04d41
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/Tevling/Components/ChallengeCard.razor b/Tevling/Components/ChallengeCard.razor
@@ -11,7 +11,7 @@
                 {
                     <li class="list-group-item d-flex justify-content-between">
                         <h6>@score.Name</h6>
-                        <span>@score.Score</span>
+                        <span class="score">@score.Score</span>
                     </li>
                 }
 

diff --git a/Tevling/Components/ChallengeCard.razor.css b/Tevling/Components/ChallengeCard.razor.css
@@ -24,3 +24,7 @@
     text-wrap: nowrap;
     text-overflow: ellipsis;
 }
+
+.score {
+    text-wrap: nowrap;
+}