Close button adjustments. WIP #815

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 7c016e3ea43b04a328cbcb76f20a7e9ce0ebfd13..6ad0d0fafa88c0d0058c7735ab43523dbd0ffb8c 100644 (file)
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -1546,12 +1546,13 @@ body.zoomPopup #zoomPopupOverlay {
 }
 #zoomPopupWrapper .zoomPopupClose {
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 4px;
+  right: 4px;
   width: 30px;
   height: 30px;
   z-index: 103;
-  padding: 10px 10px 0 0;
+  padding: 6px;
+  border-radius: 50%;
   opacity: 0;
   transition: opacity 250ms;
 }

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 3c304d93356b0a8297b02d7c50e7afaf7a74cb0a..051287ba0b8e52b53efbc18eae7de217bf5d9f13 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1801,12 +1801,13 @@ a.button {
        }
        .zoomPopupClose {
                position: absolute;
-               top: 0px;
-               right: 0px;
+               top: 4px;
+               right: 4px;
                width: 30px;
                height: 30px;
                z-index: 103;
-               padding: 10px 10px 0 0;
+               padding: 6px;
+               border-radius: 50%;
                opacity: 0;
                transition: opacity 250ms;
        }