From 1fdcb81f4b0cedaa04cb168406d3266fa343ac6d Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 5 Nov 2020 11:48:49 +0000
Subject: [PATCH] Reduce padding and indentation in nav items to provide more
 room for text

---
 packages/builder/src/components/common/NavItem.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/common/NavItem.svelte b/packages/builder/src/components/common/NavItem.svelte
index 7aa535f289..5b1ede4394 100644
--- a/packages/builder/src/components/common/NavItem.svelte
+++ b/packages/builder/src/components/common/NavItem.svelte
@@ -14,7 +14,7 @@
   class="nav-item"
   class:border
   class:selected
-  style={`padding-left: ${indentLevel * 18}px`}
+  style={`padding-left: ${indentLevel * 14}px`}
   {draggable}
   on:dragend
   on:dragstart
@@ -65,7 +65,7 @@
   }
 
   .content {
-    padding: 0 var(--spacing-m);
+    padding: 0 var(--spacing-s);
     height: 32px;
     display: flex;
     flex-direction: row;
@@ -97,6 +97,9 @@
     flex: 1 1 auto;
     font-weight: 500;
     font-size: var(--font-size-xs);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .actions {