Fix post header height

masks/project.html

@@ -936,12 +936,13 @@ function getPost(asPost) {
 			.data('url', self.consts.server+sHash)
 			.addIcon('fa-link')
 			.click(function(){
-				copyTextToClipboard($(this).data('url'));
-				$(this).parent().append($('<span>', {'class':'link_copied'})
-					.text(oSpot.lang('link_copied'))
-					.delay(5000)
-					.fadeOut(400, function(){$(this).remove();})
-				);
+				let $Link = $(this);
+				copyTextToClipboard($Link.data('url'));
+				$Link.prop('title', oSpot.lang('link_copied')).find('i.fa').addClass('copied');
+				$Link.delay(5000).fadeOut(300, function(){
+					$Link.prop('title', oSpot.lang('copy_to_clipboard')).find('i.fa').removeClass('copied');
+					$Link.fadeIn(300);
+				});
 			})
 		);
 	}

style/_fa.scss

@@ -90,6 +90,8 @@ $fa-css-prefix: fa;
 .#{$fa-css-prefix}-video-shot:before { content: fa-content($fa-var-camcorder); }
 .#{$fa-css-prefix}-image-shot:before { content: fa-content($fa-var-camera-alt); }
 .#{$fa-css-prefix}-link:before { content: fa-content($fa-var-link); }
+.#{$fa-css-prefix}-link.copied:before { content: fa-content($fa-var-check); }
+
 
 /* Feed - Poster */
 .#{$fa-css-prefix}-poster:before { content: fa-content($fa-var-comment-edit); }

style/_mask_project.scss

@@ -480,14 +480,12 @@ $legend-color: $post-color;
 				}
 				.header {
 					padding: 0 $block-spacing;
-					line-height: 1em;
 					position: relative;
 
 					span {
 						display: inline-block;
 						cursor: default;
 						font-size: 0.8em;
-						@include no-text-overflow();
 						padding: $elem-spacing 0px;
 
 						&.index {