From: Stephen Cameron <stephen@cubedesigners.com>
Date: Thu, 29 Nov 2018 10:13:27 +0000 (+0100)
Subject: WIP #817 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0906ad56e595cdd0f30984a6766fe5d0ccf7c7e5;p=fluidbook-html5.git

WIP #817 @2
---

diff --git a/style/print.less b/style/print.less
index a04e6658..8744447a 100644
--- a/style/print.less
+++ b/style/print.less
@@ -42,7 +42,6 @@
     height: 125px;
     background-color: @menu-button-background;
     opacity: 0.25;
-    z-index: 2;
   }
 
   .bookmark-thumbnails {
@@ -87,12 +86,12 @@
   // Unchecked styling
   input[type=radio] + label:before {
     content: '';
-    border: 0.35em solid @menu-button-background;
+    //border: 0.35em solid @menu-button-background;
     background-color: @menu-button-background;
     display: inline-block;
     box-sizing: border-box;
-    width: 1.4em;
-    height: 1.4em;
+    width: 22px;
+    height: 22px;
     margin-right: 0.5em;
     margin-top: -0.1em;
     vertical-align: middle;
@@ -103,12 +102,23 @@
   }
 
   // Checked styling
-  input[type=radio]:checked + label:before {
+  input[type=radio]:checked + label:after {
+    content: '';
     background-color: #fff; // Color of dot inside radio input
+    display: block;
+    box-sizing: border-box;
+    width: 12px;
+    height: 12px;
+    cursor: pointer;
+    border-radius: 100%;
+    position: absolute;
+    left: 5px;
+    top: 6px;
   }
 
   label {
     cursor: pointer;
+    position: relative;
   }
 
 }