fix: remove the default body margin

Signed-off-by: Jeremi Joslin <jeremi@joslin.fr>

Author: jeremi

src/styles.css

@@ -1,6 +1,10 @@
 @import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");
 @import "./styles/pack-details.css";
 
+body {
+  margin: 0;
+}
+
 #rs-marketplace-sketch .mp-task-choices {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));

tests/browser.mjs

@@ -16,6 +16,7 @@ await page.route("https://fonts.googleapis.com/**", (route) =>
   route.fulfill({ status: 200, contentType: "text/css", body: "" }),
 );
 await page.goto(origin);
+assert.equal(await page.locator('body').evaluate(node => getComputedStyle(node).margin), '0px', 'The page must sit flush with the viewport.');
 await page
   .getByRole("heading", {
     name: "Build a register. Connect an existing system.",