From: Stephen Cameron <stephen@cubedesigners.com>
Date: Thu, 27 Apr 2017 17:49:43 +0000 (+0200)
Subject: Close button adjustments. WIP #815
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=c0d35f3d03660307513201aa11583700b0d7c4aa;p=fluidbook-html5.git

Close button adjustments. WIP #815
---

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 7c016e3e..6ad0d0fa 100644
--- 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 3c304d93..051287ba 100644
--- 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;
 	}