fix the home screen's project row card size on mobile (#9711)

microsoft · Oct 9, 2023 · 211f050 · 211f050
1 parent 8b59dff
commit 211f050
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/theme/themes/pxt/views/card.overrides b/theme/themes/pxt/views/card.overrides
@@ -222,13 +222,28 @@ a.ui.card:focus,
     /* Mobile only */
     @media only screen and (max-width: @largestMobileScreen) {
         .projectsdialog {
+            // tutorial cards
             .ui.card.example {
                 height: 9rem;
 
                 .ui.image, .ui.cardimage {
                     height: 8.4rem !important;
                 }
             }
+
+            // project cards
+            .ui.card.link {
+                height: 9rem;
+
+                // new project card +
+                i.huge.icon {
+                    font-size: 2.5em;
+                }
+            }
+
+            .ui.card.link.blocksprj .ui.fileimage {
+                margin-left: -4px;
+            }
         }
     }
 }