From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 16 Oct 2019 13:24:04 +0000 (+0200)
Subject: wait #3144 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=046dfff1afaccf4b4207709005951b00a3a1f302;p=fluidbook-html5.git

wait #3144 @2
---

diff --git a/style/mobilefirst.less b/style/mobilefirst.less
index 1378d86f..76572cef 100644
--- a/style/mobilefirst.less
+++ b/style/mobilefirst.less
@@ -217,9 +217,9 @@
 
   position: absolute;
   left: 0;
-  font-size: unit(16*@css-scale*@mfscale, px);
+  font-size: 16px;
   width: 100%;
-  height: 5.5em;
+  height: 118px;
   overflow: hidden;
   color: @page-number-color;
   font-weight: 600;
@@ -229,11 +229,6 @@
     opacity: 0 !important;
   }
 
-  @media @small {
-    padding: 1.5em 0;
-    height: 5.5em;
-  }
-
   .pagenumbers {
     display: block;
     text-align: center;
@@ -241,9 +236,10 @@
     position: absolute;
     top: 0;
     left: 0;
-    margin-top: 1.9em;
+    margin-top: 46px;
     font-size: 1.1em;
     pointer-events: none;
+    font-weight: 400;
   }
 
   a {
@@ -254,20 +250,17 @@
     line-height: 1;
     font-weight: 400;
     position: absolute;
-    top: 1.3em;
-    height: 2.5em;
-    width: 30%;
+    top: 36px;
+    height: 46px;
+    width: 36%;
     text-align: center;
-    padding-top: 0.7em;
-    @media @small {
-      width: 35%;
-    }
+    padding-top: 0.8em;
 
     &.next {
       right: 0;
 
       svg {
-        right: .8em;
+        right: 14px;
 
         .msie & {
           right: -40%;
@@ -279,7 +272,7 @@
       left: 0;
 
       svg {
-        left: .8em;
+        left: 14px;
 
         .msie & {
           left: -40%;
@@ -289,7 +282,7 @@
 
     svg {
       position: absolute;
-      top: 0.7em;
+      top: 14px;
       height: 1em;
       width: auto;
     }
@@ -302,7 +295,7 @@
     width: 100%;
     height: 100%;
     transition: all .6s;
-    padding: 1.3em 0;
+    padding: 36px 0;
 
     &.toreveal {
       opacity: 0;