Reduced size of app cards

packages/builder/src/components/start/AppCard.svelte

@@ -50,10 +50,11 @@
     justify-content: center;
     padding: 8px 16px;
     border-radius: var(--border-radius-s);
-    font-size: var(--font-size-s);
+    font-size: var(--font-size-xs);
     font-weight: 500;
     cursor: pointer;
     transition: all 0.2s;
     box-sizing: border-box;
+    font-family: var(--font-sans);
   }
 </style>

packages/builder/src/components/start/AppList.svelte

@@ -25,8 +25,8 @@
 <style>
   .apps {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    grid-gap: 20px 40px;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    grid-gap: var(--layout-m);
     justify-content: start;
   }
 

packages/builder/src/pages/index.svelte

@@ -66,7 +66,7 @@
 
 <div class="header">
   <div class="welcome">Welcome to the Budibase Beta</div>
-  <Button primary purple medium on:click={showCreateAppModal}>
+  <Button primary purple on:click={showCreateAppModal}>
     Create New Web App
   </Button>
 </div>