From 4d984a4793729037db64ba60efc3553e333c603a Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Tue, 11 Aug 2020 17:02:54 +0100
Subject: [PATCH] Reduced size of app cards

---
 packages/builder/src/components/start/AppCard.svelte | 3 ++-
 packages/builder/src/components/start/AppList.svelte | 4 ++--
 packages/builder/src/pages/index.svelte              | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/builder/src/components/start/AppCard.svelte b/packages/builder/src/components/start/AppCard.svelte
index 701504ce0b..1987a11ff2 100644
--- a/packages/builder/src/components/start/AppCard.svelte
+++ b/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>
diff --git a/packages/builder/src/components/start/AppList.svelte b/packages/builder/src/components/start/AppList.svelte
index 9cb51820de..c07437ed9e 100644
--- a/packages/builder/src/components/start/AppList.svelte
+++ b/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;
   }
 
diff --git a/packages/builder/src/pages/index.svelte b/packages/builder/src/pages/index.svelte
index 13c8b840a6..b9f3b4f114 100644
--- a/packages/builder/src/pages/index.svelte
+++ b/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>