diff --git a/ui/index.html b/ui/index.html
index 488963dc..8305f6a5 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -56,6 +56,7 @@
width: 300px;
height: 300px;
font-size: 12pt;
+ overflow: hidden;
background: black;
box-sizing: border-box;
@@ -66,8 +67,7 @@
background: red;
}
-/* XXX this misbehaves... (happens with page zoom)
- ...this is not uniform circle for some reason... */
+/* dot mark... */
.marked.image:after {
display: block;
position: absolute;
@@ -75,8 +75,8 @@
font-size: 0pt;
border: none;
- width: 5px;
- height: 5px;
+ width: 15px;
+ height: 15px;
bottom: 5px;
right: 5px;
@@ -85,6 +85,30 @@
background: blue;
}
+/* corner mark... (a-la bookmarks in PortableMag) */
+/*
+.marked.image:after {
+ display: block;
+ position: absolute;
+ content: "";
+ font-size: 0pt;
+ border: none;
+
+ width: 30px;
+ height: 30px;
+
+ top: -15px;
+ right: -15px;
+
+ background: blue;
+
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+*/