# HG changeset patch
# User Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk>
# Date 1492778554 -3600
# Node ID 6dab65c5741d73342901d994fd754306a48202c3
# Parent  88853d816fd4cffd84c20bd2fe20e58f3f3b12f1
#126 Fixed flex for boxes in ABX

diff -r 88853d816fd4 -r 6dab65c5741d interfaces/ABX.css
--- a/interfaces/ABX.css	Fri Apr 21 13:39:42 2017 +0100
+++ b/interfaces/ABX.css	Fri Apr 21 13:42:34 2017 +0100
@@ -20,13 +20,20 @@
     height: 40px;
     font-size: 1.2em;
 }
+div#box-holders {
+    width: 100%;
+    text-align: center;
+}
+div#playback-holder{
+    float:none;
+}
 div.comparator-holder {
     width: 260px;
     height: 300px;
     border: black 1px solid;
-    float: left;
     padding-top: 5px;
     margin: 25px;
+    display: inline-block;
 }
 div.comparator-selector {
     width: 248px;
@@ -35,6 +42,9 @@
     position: relative;
     background-color: #FF0000;
     border-radius: 20px;
+    text-align: center;
+    display: block;
+    margin: auto;
 }
 div.disabled {
     background-color: #AAA;