Fix lightbox on resize event

style/_lightbox.scss

@@ -19,6 +19,7 @@
 	justify-content: center;
 	width: 100%;
 	height: 100%;
+	overflow: hidden;
 
 	&.vertical {
 		flex-direction: column;
@@ -38,9 +39,10 @@
 							padding-right: 1em;
 							line-height: 1.33333333333em; //icon height
 							overflow: hidden;
-							
+
 							&.comment {
 								max-width: 50%;
+								@include no-text-overflow();
 							}
 						}
 					}
@@ -66,6 +68,18 @@
 					display: block;
 					margin-top: 1em;
 					line-height: 1.33333333em;
+
+					&.comment {
+						.fa {
+							vertical-align: text-bottom;
+						}
+
+						.comment-text {
+							display: inline-block;
+							width: calc(100% - 1.25em*1.33333333333 - 0.5rem);
+							vertical-align: top;
+						}
+					}
 				}
 
 				.lb-closeContainer .lb-close {
@@ -105,8 +119,8 @@
 				box-sizing: content-box;
 			}
 			&.lb-video-nav .lb-nav {
-				top: 0;
-				height: calc(100% - 100px); //Leave space for video progress bar
+				top: 100px;
+				height: calc(100% - 200px); //Leave space for video progress bar
 			}
 			
 			.lb-nav {
@@ -117,7 +131,7 @@
 					
 					&:before {
 						position: absolute;
-						top: calc(50% - 1em + 50px);
+						top: calc(50% - 1em);
 					}
 				}
 			
@@ -158,10 +172,6 @@
 					&:first-child {
 						margin-top: 0;
 					}
-
-					&.comment {
-						@include no-text-overflow();
-					}
 				}
 			
 				.lb-number {

style/_mobile.scss

@@ -63,10 +63,6 @@
 			text-align: center;
 		}
 	}
-
-	.lightbox.vertical .lb-dataContainer .lb-data .lb-details .lb-caption-line.comment {
-		display: none;
-	}
 }
 
 @media only screen and (min-width: 801px) {