fixed problem that occured with remix credits

src/views/preview/preview.scss

@@ -192,11 +192,14 @@ $stage-width: 480px;
     .project-notes {
         // not 1.5rem because of stage padding
         margin-left: 1rem;
-        height: calc(#{$player-height} - 1rem);
+        height: #{$player-height};
         align-items: flex-start;
         flex: 1;
         flex-flow: column;
-        align-self: flex-end;
+
+        > .description-block:first-child {
+            margin-top: 1rem;
+        }
     }
 
     .share-date {
@@ -230,6 +233,14 @@ $stage-width: 480px;
         flex-shrink: 1;
     }
 
+    .credit-text {
+        /* Line clamping is not supported in IE, FF yet */
+        display: -webkit-box;
+        overflow: hidden;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+    }
+
     .description-block {
         display: flex;
         width: 100%;

src/views/preview/remix-credit.jsx

@@ -19,6 +19,7 @@ const RemixCredit = props => {
                     {projectInfo.author.username}
                 </a> for the original project <a
                     href={`/preview/${projectInfo.id}`}
+                    title={projectInfo.title}
                 >
                     {projectInfo.title}
                 </a>.