adjust sidebar styling for long filenames

Author: catarak

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;
   }