From 5a62159420b170b3adc0596058f92446cd15ca37 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 21 May 2026 16:52:00 +0000
Subject: [PATCH 1/3] Initial plan


From fb9c361a91c88a3f77250944555a0fbf3ad7aeda Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 21 May 2026 16:59:50 +0000
Subject: [PATCH 2/3] Fix project card timestamp overflow on iPad portrait mode

Add overflow:hidden to .ui.card.file .meta to prevent the
timestamp text from overflowing past the card boundary on
narrow screens.

Agent-Logs-Url: https://github.com/microsoft/pxt-microbit/sessions/c6b8fd46-2715-4049-b17b-3811c8e29c63

Co-authored-by: srietkerk <49178322+srietkerk@users.noreply.github.com>
---
 theme/style.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/theme/style.less b/theme/style.less
index c8bb802025f..bf682c9dc68 100644
--- a/theme/style.less
+++ b/theme/style.less
@@ -72,6 +72,11 @@
     }
 }
 
+/* Prevent project card timestamp from overflowing the card boundary on narrow screens (e.g., iPad portrait) */
+.ui.card.file .meta {
+    overflow: hidden;
+}
+
 #tutorialcard {
     .ui.button.orange.right.attached {
         background-color: @mainMenuTutorialBackground;

From b3d33162fb92d30e8547824dabc36a028e982da7 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 21 May 2026 17:15:53 +0000
Subject: [PATCH 3/3] Fix project card timestamp overflow: use smaller font
 instead of overflow hidden

Replace overflow:hidden with font-size and padding reduction at tablet
breakpoint. This matches the approach already used at the mobile breakpoint
in pxt-core, ensuring the timestamp text wraps and fits within the card
rather than being cut off.

Agent-Logs-Url: https://github.com/microsoft/pxt-microbit/sessions/6d947f28-6c28-43f2-ac11-209827e7375d

Co-authored-by: srietkerk <49178322+srietkerk@users.noreply.github.com>
---
 theme/style.less | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/theme/style.less b/theme/style.less
index bf682c9dc68..cd99627e005 100644
--- a/theme/style.less
+++ b/theme/style.less
@@ -72,9 +72,12 @@
     }
 }
 
-/* Prevent project card timestamp from overflowing the card boundary on narrow screens (e.g., iPad portrait) */
-.ui.card.file .meta {
-    overflow: hidden;
+/* Ensure project card timestamp fits within the card on tablet-width screens (e.g., iPad portrait) */
+@media only screen and (max-width: @largestTabletScreen) {
+    .projectsdialog .ui.card.file .meta {
+        font-size: 0.7rem;
+        padding: 0.5rem;
+    }
 }
 
 #tutorialcard {