From c3a9eee10a34bac35dcdc47832fd5a4eafebaa29 Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Sun, 17 Sep 2017 12:43:18 -0400
Subject: [PATCH] Fix multi-line URLs on cards

---
 CHANGELOG.md                 | 2 +-
 ui/scss/component/_card.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d5fc9edc2..156b5190e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,7 +19,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
   *
 
 ### Fixed
-  *
+  * URLs on cards no longer wrap and show an ellipsis if longer than one line
   *
 
 ### Deprecated
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 156a5406f..e5dff4e73 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -35,6 +35,11 @@
   margin-top: var(--card-margin);
   margin-bottom: var(--card-margin);
 }
+.card__title-primary .meta {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .card__title-identity {
   margin-top: $spacing-vertical * 1/3;
   margin-bottom: $spacing-vertical * 1/3;