From 9eb653d4aecf6f0458403dbcf1588ada6661b1d1 Mon Sep 17 00:00:00 2001
From: Matt Hinchliffe <matt.hinchliffe@ft.com>
Date: Tue, 4 Oct 2016 11:01:32 +0100
Subject: [PATCH] Remove code trying to be smart with display table as it
 requires fixed dimensions

---
 src/scss/_ads.scss | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/scss/_ads.scss b/src/scss/_ads.scss
index 7daa036..858948e 100644
--- a/src/scss/_ads.scss
+++ b/src/scss/_ads.scss
@@ -20,7 +20,6 @@
 	// which can result in broken-looking ads if the viewport is resized or rotated while
 	// the advert is present.  Override the advert div and frame sizes to full size to "fix".
 	.o-video__ad {
-		display: table;
 		overflow: hidden;
 
 		> div,
@@ -31,10 +30,8 @@
 	}
 
 	.o-video__loading-state {
-		display: table-cell;
-		width: 100%;
-		text-align: center;
-		vertical-align: middle;
+		display: block;
+		height: 100%;
 		background: oColorsGetPaletteColor('black');
 		// HACK: to avoid stray half pixels peeking out when the viewport is resized
 		outline: 2px solid oColorsGetPaletteColor('black');
@@ -45,7 +42,13 @@
 			@include oLoadingColor('light');
 
 			content: '';
-			display: inline-block;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+
+			// HACK: the animation will override any transforms so hard-coded values it is
+			margin-top: -11px;
+			margin-left: -11px;
 		}
 	}