From 636b267259f47a6a3d2a717a8487a48d4a03c77b Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Wed, 15 Mar 2017 13:31:30 -0400
Subject: [PATCH] adjust sidebar styling for long filenames

---
 client/styles/components/_sidebar.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index 7b9e999b..b80b988b 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -72,6 +72,7 @@
 // not sure how to do this in a better way
 // it won't work if the file tree is too nested
 .file-item__spacer {
+  flex-shrink: 0;
   .sidebar__file-item & {
     width: #{33 / $base-font-size}rem;
     .sidebar__file-item & {
@@ -122,10 +123,12 @@
   @include themify() {
     @extend %icon;
     padding: #{4 / $base-font-size}rem 0;
+    background-color: map-get($theme-map, 'file-selected-color');
+    padding-right: #{6 / $base-font-size}rem;
   }
   display: none;
   position: absolute;
-  right: #{6 / $base-font-size}rem;
+  right: 0;
   .sidebar__file-item--selected > .file-item__content & {
     display: inline-block;
   }