fix(ux): fixed ux issue in new cards data source list, now handles overflowing…

fix(ux): fixed ux issue in new cards data source list, now handles overflowing urls and titles, fixes #4403

public/sass/components/_cards.scss

@@ -68,9 +68,11 @@
 
 .card-item-body {
   display: flex;
+  overflow: hidden;
 }
 
 .card-item-details {
+  overflow: hidden;
 }
 
 .card-item-header {
@@ -83,10 +85,16 @@
 
 .card-item-name {
   color: $headings-color;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }
 
 .card-item-sub-name {
   color: $text-color-weak;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }
 
 .card-list-layout-grid {