From ff7dc1954478e55f4434474bf779006892e25bf8 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 13 May 2019 15:40:01 +0200
Subject: [PATCH] fix #2722 @0:20

---
 js/libs/fluidbook/fluidbook.menu.js |  4 ++--
 style/fluidbook.less                | 34 +++++++++++++----------------
 2 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 276afd90..cc3b43ac 100644
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -362,7 +362,7 @@ FluidbookMenu.prototype = {
         view += '<div class="content">';
         view += '<p>' + message + '</p>';
         view += '<div class="visual">';
-        view += '<div class="doubleThumb"><div class="thumb left">' + this.fluidbook.loader.getThumbImage(2, true) + '<a href="#" class="bookmark left" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div><div class="thumb right">' + this.fluidbook.loader.getThumbImage(3, true) + '<a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
+        view += '<div class="doubleThumb"><div class="thumb left">' + this.fluidbook.loader.getThumbImage(2, true) + '<div class="circle"></div><a href="#" class="bookmark left" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div><div class="thumb right">' + this.fluidbook.loader.getThumbImage(3, true) + '<div class="circle"></div><a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
         view += '</div>';
         view += '';
         view += '</div>';
@@ -452,7 +452,7 @@ FluidbookMenu.prototype = {
         this.fluidbook.stats.track(14);
     },
     openIndex: function (title, group, closeAll, callback) {
-        this.index.openIndex(title,group,closeAll,callback);
+        this.index.openIndex(title, group, closeAll, callback);
     },
     openArchives: function (title, callback) {
         var archives = '<div class="caption">' + this.closeButton() + '<h2>' + title + '</h2></div>';
diff --git a/style/fluidbook.less b/style/fluidbook.less
index b7f410d8..91d550a4 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1476,11 +1476,9 @@ html.ios body.portrait #interface {
           &.right {
             left: @w;
 
-            .img {
-              &:after {
-                left: auto;
-                right: -24px;
-              }
+            .circle {
+              left: auto;
+              right: -24px;
             }
           }
 
@@ -1488,25 +1486,23 @@ html.ios body.portrait #interface {
             pointer-events: none;
           }
 
-          .img {
+          img {
             position: relative;
 
             width: @w;
             height: @w/@book-page-ratio;
+          }
 
-            &:after {
-              content: "";
-              position: absolute;
-              z-index: -1;
-              top: -24px;
-              left: -24px;
-              width: 100px;
-              height: 100px;
-              background-color: @menu-background;
-              border: 2px solid #fff;
-              border-radius: 50%;
-            }
-
+          .circle {
+            position: absolute;
+            z-index: 1;
+            top: -24px;
+            left: -24px;
+            width: 100px;
+            height: 100px;
+            background-color: @menu-background;
+            border: 2px solid #fff;
+            border-radius: 50%;
           }
 
           .bookmark {
-- 
2.39.5