From ba919062f341ce56bf6f103916a359fced2aafba Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Fri, 24 Aug 2018 08:41:37 -0400
Subject: [PATCH] changed look of studio thumbnails

---
 .../thumbnailcolumn/thumbnailcolumn.scss      | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/thumbnailcolumn/thumbnailcolumn.scss b/src/components/thumbnailcolumn/thumbnailcolumn.scss
index daa9ed0d7..d9e619b0c 100644
--- a/src/components/thumbnailcolumn/thumbnailcolumn.scss
+++ b/src/components/thumbnailcolumn/thumbnailcolumn.scss
@@ -5,10 +5,10 @@
 
     $thumbnail-width: 220px;
     $thumbnail-inner-width: 204px;
-    
+
     $project-height: 208px;
     $gallery-height: 164px;
-    
+
     margin: 0 auto;
     padding: 12px 0;
     justify-content: flex-start;
@@ -16,15 +16,19 @@
 
     .thumbnail {
         margin: 7px;
-        border-radius: 4px;
-        box-shadow: 0 0 0 1px $active-gray;
-        background-color: $ui-white;
+        // adding the following commented lines to thumbnail-image
+        // border-radius: 4px;
+        // box-shadow: 0 0 0 1px $active-gray;
+        // background-color: $ui-white;
         padding-bottom: 4px;
         width: $thumbnail-width;
 
         .thumbnail-image {
             margin: 8px auto;
             width: $thumbnail-inner-width;
+            border-radius: 4px;
+            box-shadow: 0 0 0 1px $active-gray;
+            background-color: $ui-white;
         }
 
         .thumbnail-info {
@@ -45,10 +49,18 @@
             .thumbnail-title {
                 float: left;
                 max-width: 164px;
+                overflow: hidden;
 
                 .thumbnail-creator a {
                     color: $type-gray;
                 }
+
+                a {
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    word-wrap: break-word;
+                }
             }
         }