From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 10 Oct 2017 16:33:06 +0000 (+0200)
Subject: Fix #1732 @0:20
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6576d70586a05f0eb2d92b070ae0639462d2e4b2;p=fluidbook-html5.git

Fix #1732 @0:20
---

diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index f5da7ab6..8bb55da0 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -255,7 +255,7 @@ FluidbookResize.prototype = {
 
         $("#splash .logo").css({
             top: (this.hh / 2) - 30 - lh - 10,
-            left: (this.ww - lw) / 2
+            left: Math.max((this.ww - lw) / 2, 0) // Prevent negative left offsets
         });
     },
     updateWindow: function () {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 969f5ff7..4d2e60da 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2074,6 +2074,14 @@ ul.chapters {
 
 #splash .logo {
 	position: absolute;
+
+	// Make sure logo fits and is centred even on small screens
+	img {
+		max-width: 95%;
+		height: auto;
+		display: block;
+		margin: 0 auto;
+	}
 }
 
 #popinOverlay {