Browse Source

Reduce padding and indentation in nav items to provide more room for text

master
Andrew Kingston 6 years ago
parent
commit
1fdcb81f4b
  1. 7
      packages/builder/src/components/common/NavItem.svelte

7
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 {

Loading…
Cancel
Save