From 7cad598269ea907b265dadef51232e1d41da99f7 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Thu, 6 May 2021 10:30:38 +0100
Subject: [PATCH] refactor CSS

---
 .../src/components/common/ConfigChecklist.svelte   | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/packages/builder/src/components/common/ConfigChecklist.svelte b/packages/builder/src/components/common/ConfigChecklist.svelte
index 3c1355860a..9652222ba2 100644
--- a/packages/builder/src/components/common/ConfigChecklist.svelte
+++ b/packages/builder/src/components/common/ConfigChecklist.svelte
@@ -30,14 +30,14 @@
     <ProgressCircle size="S" value={$admin.onboardingProgress} />
   </div>
   <MenuItem disabled>
-    <header>
+    <header class="item">
       <Heading size="XXS">Get Started Checklist</Heading>
       <ProgressCircle size="S" value={$admin.onboardingProgress} />
     </header>
   </MenuItem>
   {#each Object.keys($admin.checklist) as checklistItem, idx}
     <MenuItem>
-      <div class="checklist-item">
+      <div class="item">
         <span>{idx + 1}. {MESSAGES[checklistItem]}</span>
         <Checkbox value={!!$admin.checklist[checklistItem]} />
       </div>
@@ -46,15 +46,9 @@
 </ActionMenu>
 
 <style>
-  header {
+  .item {
     display: grid;
     align-items: center;
-    grid-template-columns: 90% 10%;
-  }
-
-  .checklist-item {
-    display: grid;
-    align-items: center;
-    grid-template-columns: 90% 10%;
+    grid-template-columns: 200px 20px;
   }
 </style>