improve icon placement in FileTile

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

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;