Add some extra padding

In case the file names get really long.
atom · Feb 16, 2018 · a493b08 · a493b08
1 parent d55c052
commit a493b08
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/lib/fuzzy-finder-view.js b/lib/fuzzy-finder-view.js
@@ -370,6 +370,7 @@ class FuzzyFinderItem {
     this.element.appendChild(this.secondaryLine)
 
     if (ownerGitHubUsername) {
+      this.element.classList.add('has-avatar');
       const avatarElement = document.createElement('img')
       avatarElement.className = 'FuzzyFinderResult-avatar'
       avatarElement.src = `https://avatars.githubusercontent.com/${ownerGitHubUsername}?size=56`

diff --git a/styles/fuzzy-finder.less b/styles/fuzzy-finder.less
@@ -9,9 +9,14 @@
 .FuzzyFinderResult {
   position: relative;
 
-  &-avatar {
-    @size: 28px;
+  @size: 28px;
+
+  &.has-avatar {
+    // add some extra space for the avatar
+    padding-right: @size + (@component-padding * 2) !important;
+  }
 
+  &-avatar {
     position: absolute !important;
     border-radius: @size;
     width: @size;