Review

frontend/e2e/smoke.spec.ts

@@ -197,7 +197,9 @@ test.describe('Life Towers smoke test', () => {
 
     // Open the carousel on a done block deep in the strip (the last square).
     const squares = page.locator('lt-block');
-    await squares.nth(await squares.count() - 1).click();
+    const squareCount = await squares.count();
+    expect(squareCount).toBeGreaterThan(0); // sample data must have produced done blocks
+    await squares.nth(squareCount - 1).click();
     await page.waitForSelector('lt-block-edit .carousel');
 
     // Sample scrollLeft immediately and a frame later: an animated scroll would

frontend/src/app/components/page/page.component.scss

@@ -57,7 +57,7 @@
       }
     }
 
-    &>* {
+    & > * {
       width: 100%;
       max-width: 200px;
       box-sizing: border-box;
@@ -71,8 +71,10 @@
     // Mobile: fixed-width towers with horizontal scroll (1.5-column rhythm).
     @media (max-width: $mobile-width) {
       --mobile-tower-width: calc(66vw - var(--small-padding));
-      --mobile-tower-side-padding: max(var(--medium-padding),
-          calc((100% - var(--mobile-tower-width)) / 2));
+      --mobile-tower-side-padding: max(
+        var(--medium-padding),
+        calc((100% - var(--mobile-tower-width)) / 2)
+      );
 
       overflow-x: auto;
       overflow-y: hidden;
@@ -90,7 +92,7 @@
         display: none;
       }
 
-      &>* {
+      & > * {
         width: var(--mobile-tower-width) !important;
         max-width: var(--mobile-tower-width) !important;
         min-width: var(--mobile-tower-width) !important;
@@ -199,4 +201,4 @@
       transform: translateX(-50%) scale(1.1);
     }
   }
-}
+}

frontend/src/app/components/pages/pages.component.scss

@@ -102,4 +102,4 @@
       }
     }
   }
-}
+}