From 7944ab556adf847c296dbbb4f449b334756514d6 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 6 Aug 2018 14:40:33 -0400
Subject: [PATCH] improve icon placement in FileTile

---
 src/renderer/component/fileTile/view.jsx    | 6 ++++--
 src/renderer/scss/component/_file-list.scss | 7 +++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/component/fileTile/view.jsx b/src/renderer/component/fileTile/view.jsx
index 8832636fb..c053ff305 100644
--- a/src/renderer/component/fileTile/view.jsx
+++ b/src/renderer/component/fileTile/view.jsx
@@ -123,8 +123,10 @@ class FileTile extends React.PureComponent<Props> {
                   'card__subtitle--x-small': small,
                 })}
               >
-                {showUri ? uri : channel || __('Anonymous')}
-                {isRewardContent && <Icon icon={icons.FEATURED} />}
+                <span className="file-tile__channel">
+                  {showUri ? uri : channel || __('Anonymous')}
+                </span>
+                {isRewardContent && <Icon iconColor="red" icon={icons.FEATURED} />}
                 {showLocal && isDownloaded && <Icon icon={icons.LOCAL} />}
               </div>
               <FilePrice hideFree uri={uri} />
diff --git a/src/renderer/scss/component/_file-list.scss b/src/renderer/scss/component/_file-list.scss
index b4ed9e7ac..c5440a995 100644
--- a/src/renderer/scss/component/_file-list.scss
+++ b/src/renderer/scss/component/_file-list.scss
@@ -31,9 +31,16 @@
 
   .card__subtitle {
     line-height: 1;
+    display: flex;
+    align-items: center;
+    // justify-content: space-between;
   }
 }
 
+.file-tile__channel {
+  padding-right: $spacing-width * 1/4;
+}
+
 .file-tile.file-tile--small {
   padding-top: $spacing-vertical * 2/3;