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

This commit is contained in:
Andrew Kingston 2020-11-05 11:48:49 +00:00
parent 209f717d89
commit 7bb3607d25
1 changed files with 5 additions and 2 deletions

View File

@ -14,7 +14,7 @@
class="nav-item" class="nav-item"
class:border class:border
class:selected class:selected
style={`padding-left: ${indentLevel * 18}px`} style={`padding-left: ${indentLevel * 14}px`}
{draggable} {draggable}
on:dragend on:dragend
on:dragstart on:dragstart
@ -65,7 +65,7 @@
} }
.content { .content {
padding: 0 var(--spacing-m); padding: 0 var(--spacing-s);
height: 32px; height: 32px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -97,6 +97,9 @@
flex: 1 1 auto; flex: 1 1 auto;
font-weight: 500; font-weight: 500;
font-size: var(--font-size-xs); font-size: var(--font-size-xs);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.actions { .actions {