From 5dcf15a5b934d93af6b2844dde4771320e1f7022 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Tue, 3 Oct 2017 10:59:08 -0600
Subject: [PATCH] minor fix for fileTile component

---
 ui/js/component/fileTile/view.jsx | 3 +--
 ui/scss/component/_file-tile.scss | 8 +++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/js/component/fileTile/view.jsx b/ui/js/component/fileTile/view.jsx
index 2bb236bd9..e7ff1fb64 100644
--- a/ui/js/component/fileTile/view.jsx
+++ b/ui/js/component/fileTile/view.jsx
@@ -132,7 +132,7 @@ class FileTile extends React.PureComponent {
               </div>
               {description &&
                 <div className="card__content card__subtext">
-                  <TruncatedText lines={!showActions ? 4 : 2}>
+                  <TruncatedText lines={2}>
                     {description}
                   </TruncatedText>
                 </div>}
@@ -142,7 +142,6 @@ class FileTile extends React.PureComponent {
                   <span className="meta-uri">{uri}</span>
                 </span>
               </div>
-
             </div>
           </div>
         </div>
diff --git a/ui/scss/component/_file-tile.scss b/ui/scss/component/_file-tile.scss
index bce4cf583..c975e6585 100644
--- a/ui/scss/component/_file-tile.scss
+++ b/ui/scss/component/_file-tile.scss
@@ -20,17 +20,19 @@ $height-file-tile: $spacing-vertical * 6;
     margin-top: 0;
   }
   .meta {
+    font-size: 0.9em;
+    color: var(--color-primary);
     background: var(--color-canvas);
     border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 3px;
     display: inline-block;
-    padding: 8px;
-    max-width: 80%;
+    padding: 4px 8px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    max-width: 80%;
     .meta-uri {
-      margin: 0 8px;
+      margin-left: 8px;
     }
   }
 }