Add transition to schema-name label.

frontend/app/features/content/shared/references/reference-item.component.html

@@ -21,7 +21,7 @@
     </td>
 
     <td class="cell-label" *ngIf="!isCompact">
-        <span class="badge badge-primary rounded-pill truncate-inline" [title]="content.schemaDisplayName">{{content.schemaDisplayName}}</span>
+        <span class="badge badge-primary rounded-pill truncate-inline">{{content.schemaDisplayName}}</span>
     </td>
 
     <td class="cell-actions">

frontend/app/features/content/shared/references/reference-item.component.scss

@@ -25,11 +25,9 @@
         position: relative;
 
         .badge {
+            @include absolute(1.25rem, .75rem);
             max-width: 500px;
-            position: absolute;
-            right: .75rem;
-            top: 1.25rem;
-            width: auto;
+            transition: .2s ease-in all;
         }
     }
 }