Fix lightbox close button position

style/_lightbox.scss

@@ -29,13 +29,13 @@
 			height: 30px;
 			
 			.lb-data {
+				flex-direction: row;
+
 				.lb-details {
-					display: inline-block;
 					width: calc(100% - 1.25rem);
 					
 					.lb-caption {
 						.lb-caption-line {
-							display: inline-block;
 							padding-right: 1em;
 							line-height: 1.33333333333em; //icon height
 							overflow: hidden;
@@ -64,6 +64,8 @@
 			height: 100%;
 			
 			.lb-data {
+				flex-direction: column;
+				
 				.lb-caption-line {
 					display: block;
 					margin-top: 1em;
@@ -85,7 +87,6 @@
 				.lb-closeContainer .lb-close {
 					margin-top: calc(1em/1.33333333);
 					float: none;
-					text-align: center;
 				}
 			}
 		}
@@ -191,6 +192,7 @@
 		.lb-data {
 			text-align: left;
 			padding: 0.5rem 0.5rem 0 0.5rem;
+			display: flex;
 			
 			.lb-details {
 				float: none;
@@ -202,27 +204,16 @@
 						margin-top: 0;
 					}
 				}
-			
-				.lb-number {
-					display: none !important;
 			}
-			}
-			.lb-closeContainer {
-				color: white;
-				font-size: 1em;
-				line-height: 1em;
-				width: 1.25em;
-				vertical-align: top;
-				display: inline-block;
 
-				.lb-close {
+			.lb-closeContainer  .lb-close {
 				@include lightbox-icon(close);
 				@extend .fa-lg;
-					width: 1.25em;
+				@extend .fa-fw;
 				height: auto;
 				font-size: 1.3333333333em;
 				line-height: 1em;
-				}
+				color: white;
 			}
 		}
 	}